深入JavaScript

最新推荐文章于 2022-07-08 17:55:41 发布
最新推荐文章于 2022-07-08 17:55:41 发布
阅读量122 收藏
点赞数 1
文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36936831/article/details/107249045
版权

深入JavaScript

函数值返回
一个函数只能返回一种类型的值
HTML：

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>
	<style>
		
	</style>

	<link id="l1" rel="stylesheet" type="text/css" href="new 1.css">	
	<script>	/*在里面定义函数*/
		function show(){
			return 12;
		}
		var a = show();
		alert(a);
	</script>
</head>
<body>

</body>		       
</html>

在这里插入图片描述

函数传参（不定参）

arguments 可变参，不定参,可以存所有的参数
HTML:

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>
	<style>
		
	</style>

	<link id="l1" rel="stylesheet" type="text/css" href="new 1.css">	
	<script>	/*在里面定义函数*/
		function show(){
			var result=0;
			for(var i=0;i<arguments.length;i++){
				result+=arguments[i];
			}
			return result;
		}
		alert(show(12,6,8));
	</script>
</head>
<body>

</body>		       
</html>

在这里插入图片描述
CSS(oDiv，‘width’)； 获取
CSS(oDiv，‘width’，200px);设置
HTML:

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>
	<style>
		
	</style>

	<link id="l1" rel="stylesheet" type="text/css" href="new 1.css">	
	<script>	/*在里面定义函数*/
		function css(){
			if(arguments.length==2){ //获取
				return arguments[0].style[arguments[1]];
			}
			else{
				arguments[0].style[arguments[1]]=arguments[2];
			}
		}
		window.onload=function(){
			alert(css(div1,'width'));
			css(div1,'background','green');
		}
	</script>
</head>
<body>
	<div id="div1" style="width: 200px; height: 200px; background-color: red;"></div>
</body>		       
</html>

获取：
在这里插入图片描述
设置：
在这里插入图片描述
currentStyle获取非行间样式,只在IE兼容，或者chrome
getComputedStyle 在其他浏览器获取行间样式 在IE7不能用
都兼容的方法：
HTML：

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>
	<style>
		#div1{width: 200px; height: 200px; background-color: red;}
	</style>

	<link  rel="stylesheet" type="text/css" href="new 1.css">	
	<script>	/*在里面定义函数*/
		window.onload=function(){
			if(div1.currentStyle){
				//IE
				alert(div1.currentStyle.width);
			}
			else{
				//其他浏览器
				alert(getComputedStyle(div1,false).width);
			}
		}
	</script>
</head>
<body>
	<div id="div1" ></div>
</body>		       
</html>

在这里插入图片描述

添加，删除元素
数组名.push(添加的东西); 在数组最后添加一个元素
数组名.shift();删除数组第一个元素
数组名.unshift(添加的东西);在数组最前面添加一个元素
splice(起点,长度)；在起点往后删多少个
splice(起点,0，新元素，新元素)；新元素会插入到起点位置
splice(起点,长度，新元素，新元素)；先按长度删除元素在插入新元素
pop();从尾部删除

排序，转换
数组名.concat(数组名);连接两个数组

join
HTML:

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>
	<style>
		#div1{width: 200px; height: 200px; background-color: red;}
	</style>

	<link  rel="stylesheet" type="text/css" href="new 1.css">	
	<script>	/*在里面定义函数*/
		var arr=[1,2,3,4];
		alert(arr.join('-'));  /*join 用内容连接数组*/
	</script>
</head>
<body>
	
</body>		       
</html>

在这里插入图片描述
数组的排序
HTML

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>
	<style>
		
	</style>

	<link  rel="stylesheet" type="text/css" href="new 1.css">	
	<script>	/*在里面定义函数*/
		var arr=['float','width','alpha','zoom','left'];
		arr.sort();	/*按大小排序*/
		alert(arr);
	</script>
</head>
<body>
	
</body>		       
</html>

在这里插入图片描述
sort();只认识字符串
排列一个数字数组

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>
	<style>
		
	</style>

	<link  rel="stylesheet" type="text/css" href="new 1.css">	
	<script>	/*在里面定义函数*/
		var arr=[12,8,99,19,122];
		arr.sort(function (n1,n2){
			return n1-n2
		});
		alert(arr);
	</script>
</head>
<body>
	
</body>		       
</html>
Hermioneee_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS深入学习
聪明绝顶的你与即将秃头的我
10-07 798
判断数据类型 1.typeof关键字,返回的是数据类型的字符串表达 var a; console.log(typeof a);//输出'undefined' 注意：null、array、object返回object，function返回function 2.istanceof,判断对象（引用）的具体类型，Object、Function、Array a instanceof b，a是实例，b是构造函数 3.=== console.log(a===undefined); //true c.
深入javascript之执行上下文
赫子子的博客
04-02 4038
前言：深入js对学习框架很重要，希望这一系列文章会对你有帮助（持续更新中）深入系列：深入javascript之原型和原型链深入系列：深入javascript之作用域一，相关概念        EC : 执行上下文        ECS : 执行环境栈        VO ： 变量对象        AO ： 活动对象        scope chain ：作用域链二，执行上下文        j...
JavaScript深入
Mr·小五
06-14 326
JavaScript深入一、创建高级对象1、使用构造函数来创建对象构造函数是一个函数，调用它来例示并初始化特殊类型的对象。可以使用 new 关键字来调用一个构造函数。下面给出了使用构造函数的新示例。var myObject = new Object();  // 创建没有属性的通用对象。 var myBirthday = new Date(1961, 5, 10);  // 创建一个 Date ...
javaScript全面深入教程
03-19
javaScript全面深入教程javaScript全面深入教程javaScript全面深入教程
JavaScript运行原理
七岁凉橙的博客
05-17 417
JavaScript运行原理 文章目录JavaScript运行原理一. JavaScript如何运行1.1. Atwood定律1.2.浏览器内核1.3.JavaScript引擎1.4. V8引擎 一. JavaScript如何运行 1.1. Atwood定律 我们先看一下官方对Node.js的定义： Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 但是这句话对于很多人来说，非常笼统： 什么是JavaScript运行环境？ 为什么JavaScript需要特别的运
深入理解JavaScript
06-27
对 JavaScript 的介绍都是说他是基于对象的编程语⾔，⽽从没有哪本书会说 JavaScript 是⼀门⾯向对象的编程语⾔。基于对象很好理解，毕竟在 JavaScript 中⼀切都是对象，我们随时可以使⽤点号操作符来调 某个对象的...
七、深入JavaScript的DOM（三）.rar
05-29
这篇博文“七、深入JavaScript的DOM（三）”深入探讨了JavaScript与DOM之间的互动，以及如何利用JavaScript高效地操控网页元素。DOM是HTML和XML文档的结构化表示，它允许我们通过编程方式访问和修改页面内容。 首先...
深入理解JavaScript系列
09-30
本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分，第1部分帮助读者快速入手，掌握基本的JavaScript编程要点；第2部分介绍JavaScript的发展和技术背景；第3部分深入探索JavaScript，介绍了语法...
深入javascript json QQ网页登陆
10-29
下面是个类似QQ网页登陆的一个对话框（DIV）, js + json 动态生成.
深入理解JavaScript 5分
12-07
深入理解JavaScript深入理解JavaScript深入理解JavaScript
深入JavaScript（一）之概述
李达
03-25 1727
接触学习JavaScript已有一年之久，虽说常见问题也能处理，但对JavaScript的掌握总感觉差一些，也因为JavaScript在WEB开发的重要性及其独特的特性，觉得很有必要再系统学习和总结，JavaScript主要用于WEB开发，所以本系列文章中，我们也只讨论JavaScript在WEB开发中的应用和原理。   JavaScript         JavaScript是一种基于
深入学习JavaScript
贤蛋大眼萌
07-08 784
深入了解学习JavaScript高级。不再懵懵懂懂
深入JS1.1
wwwjiahuan的博客
01-19 217
函数返回值 无参 函数返回值 function add() { return 'acs'; } alert(add()); 有参数，返回加法 函数返回值 function add(a,b) { return a+b; } alert(add( 3, 4));
深入js
weixin_40512519的博客
09-03 312
函数返回值： &lt;script&gt; //一个函数只返回一种类型的值。 function show(a,b){ return;//undefined.如果没有return，也是 undefined } alert(show(3,5)) &lt;/script&gt; 函数传参： 可变参(不定参)，arguments:可以有无数个参数。...
冴羽--JavaScript深入系列
大灰狼的小绵羊哥哥的博客
11-14 3114
进度 JavaScript深入系列 15 篇已完结。 JavaScript专题系列 20 篇已完结。 underscore 系列 8 篇已完结。 ES6 系列正在发布中…… 专栏 掘金主页 segmentfault主页 新开了知乎专栏，欢迎关注 深入系列目录 JavaScirpt深入之从原型到原型链 JavaScript深入之词法作用域和动态作用域 JavaScript深入...
全方位深入理解JavaScript面向对象
热门推荐
moyigg的博客
03-30 2万+
JavaScript面向对象程序设计 本文会碰到的知识点： 原型、原型链、函数对象、普通对象、继承 读完本文，可以学到 面向对象的基本概念 JavaScript对象属性 理解JavaScript中的函数对象与普通对象 理解prototype和proto 理解原型和原型链 详解原型链相关的Object方法 了解如何用ES5模拟类，以及各种方式的优缺点 了解如何用ES6实现面向对象 目录...
最详细的JavaScript教程（高级篇），深入学习JavaScript
Java___interview的博客
11-08 2210
JavaScript是一种运行在浏览器中的解释型编程语言，它的解释器被称为JavaScript引擎，是浏览器的一部分，JavaScript广泛用于浏览器客户端编程，通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能，用于为HTML网页增加动态功能，被广泛应用于Web应用开发中，为用户提供更流畅美观的浏览效果和体验。 课程介绍 本套课程是JavaScript的进阶课程，适用于已经学习了JavaScript基础知识的同学，如果你想继续对JavaScript的面向对象以及高级应用进行深入地.
js的深入了解
x6587305x的专栏
03-18 2511
http://dmitrysoshnikov.com/ecmascript 主要看了上面网址的大神的文章。 受益匪浅。 写下总结: 传值类型 把传值类型放在第一部分讲 是因为 这个问题其实 困扰了我很久。在看了这篇文章 算有了一点了解。我们通常了解的传值类型有2种 按值传递（call by value） 和指针传递（call by reference）。我上学学c和java 的时候。
深入理解JS中的--同步和异步
Stay Awesome
06-16 6840
JS中的两种编程思想：同步、异步 JS是单线程的 –&amp;gt; JS就是一个傻子，脑子一根筋，做着当前的这件事情，没有完成之前，绝对不会做下一件事情 同步就是 –&amp;gt; 上一件事情没有完成，继续处理上一件事情，只有上一件事情完成了，才会做下一件事情 –&amp;gt; JS中大部分都是同步编程 &amp;lt;script type=&quot;text/javascript&quot;&amp
深入javaScript原理
最新发布
09-07
下面是一些深入理解 JavaScript 原理的关键点： 1. 执行环境：JavaScript 在不同的环境中执行，例如浏览器环境或 Node.js 环境。每个执行环境都有自己的全局对象（如 window 对象）和特定的 API。 2. 事件循环：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值