JavaScript脚本语言重点汇总

本文章涉及所有基本js脚本语言知识点,建议复制代码到新建txt文本文档中,修改后缀为html查看与学习。

<html>
<head>
	<title>hello js</title>
</head>
<style>
</style>
<body bgcolor="green">
<table>
<tr>
<td width="300px" bgcolor="blue">
<!--JS简介-->
	<!-- 改变html内容-->
	<button value="dianji" onclick="document.getElementById('demo').innerHTML = Date()">改变内容</button>
	<p id="demo">时间是:</p>
	<!-- 改变html属性-->
	<button style="color:red" onclick="document.getElementById('myinput1').type = 'text'">改变属性</button>
	<input id="myinput1" type="password"/></br>
	<!--改变样式-->
	<button onclick="document.getElementById('text1').style.fontSize = '30px'">改变CSS样式</button>
	<font id = "text1">你好啊!</font><br>
	<!--隐藏 HTML 元素-->
	<button onclick="document.getElementById('text2').style.display='none'">隐藏</button>
	<button onclick="document.getElementById('text2').style.display='block'">显示</button><br>
	<a id="text2" >你好啊,你看到我吗?</a><br>
<!--JS使用-->
	<!-- script标签-->
	<!--script标签-->
	<!--1,<script></script> 标签之间-->
	<!--2,旧的 JavaScript 例子也许会使用 type 属性:<script type="text/javascript">,type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。-->
	<!--脚本外置:<script src="myScript.js"></script>-->
	<!--外部引用:<script src="https://www.w3school.com.cn/js/myScript1.js"></script> -->
<!--JS输出-->
	<!--
    使用 window.alert() 写入警告框
    使用 document.write() 写入 HTML 输出
    使用 innerHTML 写入 HTML 元素
    使用 console.log() 写入浏览器控制台
	-->
	<a id="myinner" >innerHTML</a><br>
	<script>document.getElementById('myinner').innerHTML="1.hello innerHTML" </script>
	<script>document.write("2.hello document.write")</script> <!--document.write() 方法仅用于测试。--><br>
	<button onclick="window.alert('3.hello alert' )">警告框</button><br>
	<button onclick="console.log('hello hermit')">打印到控制台</button><br>
<!--JS语句-->
	<!--
	break 	终止 switch 或循环。
	continue 	跳出循环并在顶端开始。
	debugger 	停止执行 JavaScript,并调用调试函数(如果可用)。
	do ... while 	执行语句块,并在条件为真时重复代码块。
	for 	标记需被执行的语句块,只要条件为真。
	function 	声明函数。
	if ... else 	标记需被执行的语句块,根据某个条件。
	return 	退出函数。
	switch 	标记需被执行的语句块,根据不同的情况。
	try ... catch 	对语句块实现错误处理。
	var 	声明变量。
	-->
<!--JS语法-->
	<!--基本同java语法-->
<!--JS注释-->
	<!-- // -->
	<!-- /* */ -->
<!--JS变量-->
	<!--声明多个变量 var person = "Bill Gates",carName = "porsche",price = 15000;-->
<!--JS运算符-->
	<!--幂:var x = 5; var z = x ** 2;          // 结果是 25 -->
<!--JS算数-->
<!--JS赋值-->
<!--JS数据类型-->
	<!--数组:var cars = ["Porsche", "Volvo", "BMW"];-->
	<!--
	对象:对象属性是 name:value 对,由逗号分隔。
	var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
	-->
	<!--
	typeof 运算符:您可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型:
	typeof ""                  // 返回 "string"
	typeof 3.14                // 返回 "number"
	在 JavaScript 中,没有值的变量,其值是 undefined。typeof 也返回 undefined。
	任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined。
	-->
<!--JS函数-->
	<!--格式:	function myFunction(p1, p2) {
					return p1 * p2;              // 该函数返回 p1 和 p2 的乘积
				}
	-->
<!--JS对象-->
	<!--格式:  var person = { firstName: "Bill",lastName : "Gates", id       : 678,
					fullName : function() {
						return this.firstName + " " + this.lastName;
					}
				};
	-->
	<!--this关键词:在函数定义中,this 引用该函数的“拥有者”。-->
	<!--访问对象属性:您能够以两种方式访问属性:
	objectName.propertyName,objectName["propertyName"]
	-->
	<!--访问对象属性:objectName.methodName()-->
<!--JS事件-->
	<!--
	onchange 	HTML 元素已被改变
	onclick 	用户点击了 HTML 元素
	onmouseover 	用户把鼠标移动到 HTML 元素上
	onmouseout 	用户把鼠标移开 HTML 元素
	onkeydown 	用户按下键盘按键
	onload 	浏览器已经完成页面加载
	-->
	<h5>时间处理测试</h5>
	<button onclick="changecolor()">改色</button>
	<div id="textdiv" style="background:red;width:100px;height:100px" onchange="divchanged()"></div><br>
	<div id="textdiv2" style="background:red;width:100px;height:100px" onmouseover="mon()" onmouseout="moo()"></div>
	<a id="tag">显示tag</a>
	<script>
	function changecolor(){
		document.getElementById('textdiv').style.background="yellow";
	}
	function divchanged(){
		document.getElementById('tag').innerHTML = "div颜色属性改变";
	}
	function mon(){
		document.getElementById('textdiv2').style.width = "150px";
		document.getElementById('textdiv2').style.height = "150px";
		}
	function moo(){
		document.getElementById('textdiv2').style.width = "100px";
		document.getElementById('textdiv2').style.height = "100px";
	}
	</script>
	<a id="tag"></a>
<!--JS字符串-->
	<!--
	1.内建属性 length 可返回字符串的长度
	2.特殊字符:\' 	' 	单引号
				\" 	" 	双引号
				\\ 	\ 	反斜杠
				\b 	退格键
		\f 	换页
		\n 	新行
		\r 	回车
		\t 	水平制表符
		\v 	垂直制表符
	3.对象:var x = "Bill";               字符串
			var y = new String("Bill");   对象 value是string  值是Bill
	-->
</td>
<td width="300px" bgcolor	="grey">
<!--JS字符串方法-->
	<!--length 属性返回字符串的长度-->
	<!--indexOf() 方法返回字符串中指定文本首次出现的索引(位置)-->
	<!--indexOf() 方法返回字符串中指定文本首次出现的索引(位置)-->
	<!--lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引-->
	<!--search() 方法搜索特定值的字符串,并返回匹配的位置-->
	<!--slice() 方法提取字符串的某个部分并在新字符串中返回被提取的部分。该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)-->
	<!--substring() 方法substring() 类似于 slice()。不同之处在于 substring() 无法接受负的索引。
		如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。	-->
	<!--substr() 方法  substr() 类似于 slice()。 不同之处在于第二个参数规定被提取部分的长度。 -->
	<!--replace() 方法用另一个值替换在字符串中指定的值-->
	<!--toUpperCase(),toLowerCase()转换大小写-->
	<!--concat() 连接两个或多个字符串:-->
	<!--这是两个提取字符串字符的安全方法:
		charAt(position) 方法返回字符串中指定下标(位置)的字符串
		charCodeAt(position) 方法返回字符串中指定索引的字符 unicode 编码-->
	<!--split()字符串转换为数组:-->

	<input type="text" placeholder="please input your string" id="myStr"/><br>
	<button onclick="getLength()">length</button><a id="myStrLength"></a><br>
	<button onclick="">indexOf</button><br>
	<script>
		function getLength(){
			var intext = document.getElementById("myStr").length;
			document.getElementById('myStrLength').innerHTML = intext;
		}
	</script>
<!--JS数字-->
	<!--超大或超小的数可通过科学计数法来写:-->
	<a id="bignum"></a>
	<script>
		var number = 123e5;
		var number2 = 123e-5;
		bignum.innerHTML = number+"<br>"+number2;
	</script>
	<!--
	NaN 属于 JavaScript 保留词,指示某个数不是合法数。
	Infinity (或 -Infinity)是 JavaScript 在计算数时超出最大可能数范围时返回的值。
	JavaScript 会把前缀为 0x 的数值常量解释为十六进制。
	-->
<!--JS数字方法-->
	<!--
	1.toString() 方法:toString() 以字符串返回数值。  (123).toString();        // 从文本 123 返回 123
	2.toExponential() 方法:toExponential() 返回字符串值,它包含已被四舍五入并使用指数计数法的数字。 x.toExponential(2);     // 返回 9.66e+0
	3.toFixed() 返回字符串值,它包含了指定位数小数的数字:  x.toFixed(0);           // 返回 10
	4.toPrecision() 返回字符串值,它包含了指定长度的数字: x.toPrecision(2);       // 返回 9.7
	5.valueOf() 以数值返回数值:

	Number() 可用于把 JavaScript 变量转换为数值:
	parseInt() 解析一段字符串并返回数值。允许空格。只返回首个数字:
	parseFloat() 解析一段字符串并返回数值。允许空格。只返回首个数字:
	-->
<!--JS数组-->
	<!-- var array-name = [item1, item2, ...];-->
	<!--length 属性返回数组的长度(数组元素的数目)。-->
	<!--
	遍历数组的最安全方法是使用 "for" 循环:
	您也可以使用 Array.foreach() 函数:
	向数组添加新元素的最佳方法是使用 push() 方法:
	也可以使用 length 属性向数组添加新元素:fruits[fruits.length] = "Lemon";     // 向 fruits 添加一个新元素 (Lemon)
	如何识别数组 1.Array.isArray():
				2.创建您自己的 isArray() 函数以解决此问题:
				function isArray(x) {
					return x.constructor.toString().indexOf("Array") > -1;
				}
	-->
	<br>
	<button onclick="add()">add</button>
	<button onclick="del()">del</button>
	<p id="buttondemo"></p>
	<script>
		var n = 0;
		function add(){
			n+=1;
			showB();
		}
		function del(){
			n-=1;
			showB();
		}
		function showB(){
			var text="";
			for(var m=1;m<=n;m++){
				if(m%4!=0){
					text += "<button>按钮" + m + "</button>";
				}else{
					text += "<button>按钮" + m + "</button><br>";
				}
			}
			document.getElementById("buttondemo").innerHTML = text;
		}

	</script>
<!--JS数组方法-->
	<!--JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。-->
	<!--
	join() 方法也可将所有数组元素结合为一个字符串。
	它的行为类似 toString(),但是您还可以规定分隔符
	-->
	<!--pop() 方法从数组中删除最后一个元素: pop() 方法返回“被弹出”的值:-->
	<!--push() 方法(在数组结尾处)向数组添加一个新的元素: push() 方法返回新数组的长度:-->
	<!--shift() 方法会删除首个数组元素,并把所有其他元素“位移”到更低的索引。shift() 方法返回被“位移出”的字符串:-->
	<!--unshift() 方法(在开头)向数组添加新元素,并“反向位移”旧元素: unshift() 方法返回新数组的长度。-->
	<!--length 属性提供了向数组追加新元素的简易方法  fruits[fruits.length] = "Kiwi";-->
	<!--既然 JavaScript 数组属于对象,其中的元素就可以使用 JavaScript delete 运算符来删除:
	使用 delete 会在数组留下未定义的空洞。请使用 pop() 或 shift() 取而代之-->
	<!--splice() 方法可用于向数组添加新项: fruits.splice(2, 0, "Lemon", "Kiwi"); 
			第一个参数(2)定义了应添加新元素的位置(拼接)。
			第二个参数(0)定义应删除多少元素。
			其余参数(“Lemon”,“Kiwi”)定义要添加的新元素。
			splice() 方法返回一个包含已删除项的数组:
		使用 splice() 来删除元素:
			fruits.splice(0, 1);     
	-->
	<!--concat() 方法通过合并(连接)现有数组来创建一个新数组:
	concat() 方法不会更改现有数组。它总是返回一个新数组。  var myChildren = myGirls.concat(myBoys);
	concat() 方法可以使用任意数量的数组参数:  var myChildren = arr1.concat(arr2, arr3); 
	concat() 方法也可以将值作为参数:  var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]); 
	-->
	<!--slice() 方法用数组的某个片段切出新数组。
		slice() 方法创建新数组。它不会从源数组中删除任何元素。
		slice() 可接受两个参数,比如 (1, 3)。  该方法会从开始参数(包括)选取元素,直到结束参数(不包括)为止。
	-->
<!--JS数组排序-->
	<!--sort() 方法以字母顺序对数组进行排序:
		reverse() 方法反转数组中的元素。
		function(a, b){return a - b} 数字排序
		function(a, b){return a-b}  比值函数  比较函数应该返回一个负,零或正值,这取决于参数
		function(a, b){return 0.5 - Math.random()} 以随机顺序排序数组
		function(a, b){return a - b} 查找最高(或最低)的数组值 // 现在 points[0] 包含最高值// 而 points[points.length-1] 包含最低值
		Math.max.apply 来查找数组中的最高值:
		Math.min.apply 来查找数组中的最低值:
		function(a, b){return a.year - b.year} 排序对象数组
	-->
		<br>
		<button onclick="paixu1()">按字母排序</button>  <a id="arr11"> </a><br>
		<button onclick="paixu2()">反转</button>  <a id="arr19"> </a><br>
		<button onclick="paixu3()">数字排序</button>  <a id="arr12"> </a><br>
		<button onclick="paixu4()">比值</button>  <a id="arr13"> </a><br>
		<button onclick="paixu5()">随机排序</button>  <a id="arr14"> </a><br>
		<button onclick="paixu6()">查找最高(或最低)的数组值</button>  <a id="arr15"> </a><br>
		<button onclick="paixu7()">最高</button>  <a id="arr16"> </a><br>
		<button onclick="paixu8()">最低</button>  <a id="arr17"> </a><br>
		<button onclick="paixu9()">排序对象数组</button>  <a id="arr18"> </a><br>
		
		<script>
			var arr1 = ["yangfan","hermit","adidas","nike"];
			var arr2 = [1997,1949,2020,2008,1969];
			var arr_1 = [{name:"小明",age:58},{name:"小花",age: 29},{name:"小吴",age:90}];
			arr11.innerHTML = arr1;
			arr19.innerHTML = arr1;
			arr12.innerHTML = arr2;
			function paixu1(){
				arr11.innerHTML = arr1.sort();
			}
			function paixu2(){
				arr19.innerHTML = arr1.reverse();
			}
			
			function paixu3(){	
				arr12.innerHTML = arr2.sort(function(a,b){return a - b});
			}
			function paixu4(){
				arr13.innerHTML = arr2.sort(function(a,b){return a-b});
			}
			function paixu5(){
				arr14.innerHTML = arr1.sort(function(a, b){return 0.5 - Math.random()} );
			}
			function paixu6(){
				var arr0 = arr2.sort(function(a,b){return a - b});
				arr15.innerHTML = "最低:"+arr0[0]+",最高:"+arr0[arr0.length-1];
			}
			function paixu7(){
				arr16.innerHTML = Math.max.apply(null,arr2);
			}
			function paixu8(){
				arr17.innerHTML = Math.min.apply(null,arr2);
			}
			function paixu9(){
				var a1= arr_1.sort(function(a, b){return a.age - b.age});
				var htext = "<br>"
				for(var i = 0;i<a1.length;i++){
					htext+="姓名:"+a1[i].name+",年龄:"+a1[i].age+"<br>"
				}
				arr18.innerHTML =htext;
			}
		</script>
<!--JS数组迭代-->
	<!--
	forEach() 方法为每个数组元素调用一次函数(回调函数)。
	-->
	<button onclick="showArrForEach()">数组迭代</button>
	<a id="showForEach" ></a>
	<script>
		var arr=["hermit","yangfan","gua","number1"];
		var textforEach = "<br>";
		
		
		function showArrForEach(){
			arr.forEach(myForEachFunction);
			showForEach.innerHTML=textforEach;
		}
		function myForEachFunction(value,index,array){
			textforEach += "<button>"+value+"</button><br>";
		}
	</script>
<!--JS日期-->
	<!--默认情况下,JavaScript 将使用浏览器的时区并将日期显示为全文本字符串:Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)-->
	<br>
	<button onclick="showdate.innerHTML = new Date() ">显示日期</button>
	<a id="showdate"></a>
	<!--
	有 4 种方法创建新的日期对象:
    new Date()
    new Date(year, month, day, hours, minutes, seconds, milliseconds)
	6个数字指定年、月、日、小时、分钟、秒,以此类推,
    new Date(milliseconds)如果只提供一个参数,则将其视为毫秒。
    new Date(date string) 	var d = new Date("December 25, 2019 12:46:00");

	-->
	<br>
	<button onclick="a.innerHTML=new Date(1997,09,18,12,30,00,00)">显示我的生日</button>
	<a id="a" ></a>
	<!--toUTCString() 方法将日期转换为 UTC 字符串(一种日期显示标准)。-->
	<br>
	<button onclick="mytoutcstring.innerHTML=new Date().toUTCString()">UTC时间</button>
	<a id="mytoutcstring"></a>
	<!--toDateString() 方法将日期转换为更易读的格式:-->
	<br>
	<button onclick="mytodatestring.innerHTML=new Date().toDateString()">Date时间</button>
	<a id="mytodatestring" ></a>
	
<!--JS日期格式-->
	<!--
	有四种 JavaScript 日期输入格式:
	ISO 日期 	"2018-02-19" (国际标准) (YYYY-MM-DDTHH:MM:SS)
	短日期 	"02/19/2018" 或者 "2018/02/19"
	长日期 	"Feb 19 2018" 或者 "19 Feb 2019"
	完整日期 	"Monday February 25 2015"
	-->
	<br>
	<button onclick="showmydategs.innerHTML=new Date('1997-09-18')">iso日期</button>
	<button onclick="showmydategs.innerHTML=new Date('09/18/1998')">短日期</button>
	<button onclick="showmydategs.innerHTML=new Date('Feb 19 1999')">长日期</button>
	<button onclick="showmydategs.innerHTML=new Date('Mon Feb 19 2020 06:55:23 GMT+0100 (W. Europe Standard Time)')">完整日期</button>
	<a id="showmydategs"></a>
<!--JS日期获取方式-->
	<br>
	<!--
	getDate() 	以数值返回天(1-31)
	getDay() 	以数值获取周名(0-6)
	getFullYear() 	获取四位的年(yyyy)
	getHours() 	获取小时(0-23)
	getMilliseconds() 	获取毫秒(0-999)
	getMinutes() 	获取分(0-59)
	getMonth() 	获取月(0-11)
	getSeconds() 	获取秒(0-59)
	getTime() 	获取时间(从 1970 年 1 月 1 日至今)
	-->
	<button onclick="getTIME()">获得第几天</button>
	<a id="show1to1"></a>
	<script>
		function getTIME(){
			show1to1.innerHTML = new Date().getDate();
		}
	</script>
	
<!--JS日期设置方式-->
	<br>
	<!--
	setDate() 	以数值(1-31)设置日
	setFullYear() 	设置年(可选月和日)
	setHours() 	设置小时(0-23)
	setMilliseconds() 	设置毫秒(0-999)
	setMinutes() 	设置分(0-59)
	setMonth() 	设置月(0-11)
	setSeconds() 	设置秒(0-59)
	setTime() 	设置时间(从 1970 年 1 月 1 日至今的毫秒数)
	-->
<!--JS数字-->
	<!--
	Math.PI;            // 返回 3.141592653589793
	Math.round(x) 的返回值是 x 四舍五入为最接近的整数:
	Math.pow(x, y) 的返回值是 x 的 y 次幂:
	Math.sqrt(x) 返回 x 的平方根:
	Math.abs(x) 返回 x 的绝对(正)值:
	Math.ceil(x) 的返回值是 x 上舍入最接近的整数:
	Math.floor(x) 的返回值是 x 下舍入最接近的整数:
	Math.sin(x) 返回角 x(以弧度计)的正弦(介于 -1 与 1 之间的值)。
	Math.cos(x) 返回角 x(以弧度计)的余弦(介于 -1 与 1 之间的值)。
	Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值:
	Math.random() 返回介于 0(包括) 与 1(不包括) 之间的随机数:
	Math 属性(常量)
		Math.E          // 返回欧拉指数(Euler's number)
		Math.PI         // 返回圆周率(PI)
		Math.SQRT2      // 返回 2 的平方根
		Math.SQRT1_2    // 返回 1/2 的平方根
		Math.LN2        // 返回 2 的自然对数
		Math.LN10       // 返回 10 的自然对数
		Math.LOG2E      // 返回以 2 为底的 e 的对数(约等于 1.414)
		Math.LOG10E     // 返回以 10 为底的 e 的对数(约等于0.434)
	
	-->
<!--JS随机-->
	<!--Math.random() 返回 0(包括) 至 1(不包括) 之间的随机数:-->
	<!--
	Math.random() 与 Math.floor() 一起使用用于返回随机整数。
	
	-->
<!--JS逻辑-->
	<!--
	JavaScript 布尔(逻辑)代表两个值之一:true 或 false。
	1.您可以使用 Boolean() 函数来确定表达式(或变量)是否为真:Boolean(10 > 9)        // 返回 true  (10 > 9)              // 也返回 true    10 > 9                // 也返回 true
	2.=== 运算符需要在类型和值两方面同时相等。
	
	-->
<!--JS比较-->
	<!--
	条件(三元)运算符  variablename = (condition) ? value1:value2
	-->
<!--JS条件-->
	<!--
		if (条件) {
			如果条件为 true 时执行的代码
		}else { 
			条件为 false 时执行的代码块
		}else {
			条件 1 和条件 2 同时为 false 时执行的代码块
		}
		
		
			
	-->
<!--JS Switch-->
	<!--
		switch(表达式) {
		case n:
			代码块;
			break;
		case n:
			代码块;
			break;
		default:
			默认代码块;
		} 	
		
		如果 JavaScript 遇到 break 关键词,它会跳出 switch 代码块。
	-->
<!--JS Loop For-->
	<!--
		
    for - 多次遍历代码块
    for/in - 遍历对象属性
    while - 当指定条件为 true 时循环一段代码块
    do/while - 当指定条件为 true 时循环一段代码块
	
	-->
	<button onclick="forintest()">for in</button>
	<a id="showforin"></a>
	<script>
		var arrmyheart=["i","want","to","sleep"];
		var fitext="";
		var x;
		for(x in arrmyheart){
			fitext+=arrmyheart[x]+"\n";
		}
		function forintest(){
			showforin.innerHTML=fitext;
		}
	</script>
</td>
<!--JS Loop While-->
<td width = "300px" bgcolor="yellow">
	<!--
	while (条件) {
		要执行的代码块
	}
	
	do {
		要执行的代码块
	}

	while (条件);
	-->
<!--JS Loop Break-->
	<!--
	break 语句“跳出”循环。
	continue 语句“跳过”循环中的一个迭代。 
	
	-->
<!--JS 类型转换-->
	<!--
	JavaScript 中有五种可包含值的数据类型:

    字符串(string)
    数字(number)
    布尔(boolean)
    对象(object)
    函数(function)

	有三种对象类型:

    对象(Object)
    日期(Date)
    数组(Array)

	同时有两种不能包含值的数据类型:

    null
    undefined

	
	您可以使用 typeof 运算符来确定 JavaScript 变量的数据类型。
	您可以通过检查 constructor 属性来确定某个对象是否为数组(包含单词 "Array"):myArray.constructor === Array;
	您可以通过检查 constructor 属性来确定某个对象是否为日期(包含单词 "Date")  myDate.constructor.toString().indexOf("Date")
	toString()
	parseFloat() 
	parseInt()
	Number(false)     // 返回 0
	Number(true)
	
	-->
<!--JS 位运算-->
	
<!--JS 正则表达式-->
<!--JS 异常-->
	<!--

		try 语句使您能够测试代码块中的错误。

		catch 语句允许您处理错误。

		throw 语句允许您创建自定义错误。

		finally 使您能够执行代码,在 try 和 catch 之后,无论结果如何。
	-->
	
<!--JS 作用域-->
<!--JS Hoisting-->
	<a>提升(Hoisting)是 JavaScript 将声明移至顶部的默认行为。</a>
<!--JS 严格模式-->
	<a>"use strict"; 定义 JavaScript 代码应该以“严格模式”执行。</a>
	<!--
	通过在脚本或函数的开头添加 "use strict"; 来声明严格模式。
	在普通的 JavaScript 中,错打变量名会创建新的全局变量。在严格模式中,此举将抛出错误,这样就不可能意外创建全局变量。
	
	-->
<!--JS this关键词-->
	<!--
		JavaScript this 关键词指的是它所属的对象。
		它拥有不同的值,具体取决于它的使用位置:

			在方法中,this 指的是所有者对象。
			单独的情况下,this 指的是全局对象。
			在函数中,this 指的是全局对象。
			在函数中,严格模式下,this 是 undefined。
			在事件中,this 指的是接收事件的元素。
			call() 和 apply() 方法是预定义的 JavaScript 方法。
	-->
<!--JS Let-->
	<!--
		使用 let 关键字重新声明变量
	-->
<!--JS Const-->
	<!--
		通过 const 定义的变量与 let 变量类似,但不能重新赋值:
	-->
<!--JS 调试-->
	<!--
	如果您的浏览器支持调试,那么您可以使用 console.log() 在调试窗口中显示 JavaScript 的值
	如果调试器不可用,debugger 语句没有效果。
	如果调试器已打开,此代码会在执行第三行之前停止运行。
	-->
<!--JS 样式指南-->
<!--JS 最佳实践-->
	<!--
	避免全局变量
	始终声明局部变量
	在顶部声明
	初始化变量
	请不要声明数值、字符串或布尔对象
	
	-->
<!--JS 错误-->
	<!--
		意外使用赋值运算符
		期望松散的比较
		令人困惑的加法和级联
		令人误解的浮点
		对 JavaScript 字符串换行
		对 return 语句进行换行
		Undefined 不是 Null
		
	-->
	
<!--JS 性能-->
	<!--如何加速您的 JavaScript 代码。-->
		<!--
		减少循环中的活动
		减少 DOM 访问
		缩减 DOM 规模
		避免不必要的变量
		延迟 JavaScript 加载 请把脚本放在页面底部,使浏览器首先加载页面。
		避免使用 with
		-->
<!--JS 保留词-->
	
<!--JS 版本-->
<!--JS 版本ES5-->
<!--JS 版本ES6-->
<!--JS JSON-->
	<!--
	JSON 是存储和传输数据的格式。
	JSON 经常在数据从服务器发送到网页时使用。
	使用 JavaScript 的内建函数 JSON.parse() 来把这个字符串转换为 JavaScript 对象: var obj = JSON.parse(text);
	

	-->


</td>
</tr>
</table>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

喜狼狼与灰太杨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值