本文介绍了JavaScript中的定时器操作，包括setTimeout与setInterval的使用方法及其取消方式。此外，还探讨了数值与字符串运算的区别、条件判断及switch语句的应用、错误处理机制、HTML属性与样式动态修改的方法，以及页面加载与卸载事件的应用。
1、window自带的两种方法，可以在指定的毫秒数后调用函数或计算表达式
第一种：window.setTimeout(code,millisec); //在规定的时间加载一次
这里的millisec指的是时间，单位是毫秒。
备注：还有一种方法，是电脑自己控制执行的时间，requestAnimationFrame(method);因为是电脑自己控制，所以不需要设置时间。
4、在js中，比较两个变量值是否相等使用==，比较两个变量值和类型是否都相等，则使用===，
例如，var a=5,b='5';
a==b; //true
a===b; //false
还有一种条件运算符，
var max=a>b?a:b;
5、switch 语句用于基于不同的条件来执行不同的动作
首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。
请使用 break 来阻止代码自动地向下一个 case 运行。使用 default 关键词来规定匹配不存在时做的事情。
6、JavaScript 测试和捕捉
7、js改变 HTML 属性 document.getElementById(id).attribute=new value //适应于元素自身属性赋值
9、js有onload 和 onunload 事件
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
第一种：window.setTimeout(code,millisec); //在规定的时间加载一次
第二种：window.setInterval(code,millisec); // 每隔一段时间加载一次
第三种：window.clearTimeout(method); //取消window.setTimeout
第四种：window.clearInterval(method); //取消window.setInterval
这里的method指的是var method=window.setTimeout(code,millisec);
这里的code指的可以使方法，也可以是具体的js代码，但是需要写在" " 中，这里的millisec指的是时间，单位是毫秒。
备注：还有一种方法，是电脑自己控制执行的时间，requestAnimationFrame(method);因为是电脑自己控制，所以不需要设置时间。
3、因为js是弱类型。因此，如果把数字与字符串相加，结果将成为字符串;
如果数字和字符串相乘，结果将成为数字（字符串的内容是数字）。
注意:在js中进行数字运算，最好将小数去除掉，否则会有意想不到的收获。你可以试着输出一下 0.1+0.2
4、在js中，比较两个变量值是否相等使用==，比较两个变量值和类型是否都相等，则使用===，
例如，var a=5,b='5';
a==b; //true
a===b; //false
还有一种条件运算符，
var max=a>b?a:b;
5、switch 语句用于基于不同的条件来执行不同的动作
首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。
请使用 break 来阻止代码自动地向下一个 case 运行。使用 default 关键词来规定匹配不存在时做的事情。
var day=new Date().getDay();
switch (day)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
6、JavaScript 测试和捕捉
try{
.....
}catch(err){
err.message;
}
7、js改变 HTML 属性 document.getElementById(id).attribute=new value //适应于元素自身属性赋值
<!DOCTYPE html>
<html>
<body>
<script>
function change(){
var item=document.getElementsByTagName("input")[0];
switch(item.value){
case 'change':
item.value='unchange';
break;
case 'unchange':
item.value='change';
break;
}
}
</script>
<input type="button" value="change" onclick="change()">
</body>
</html>8、js改变 HTML 的css document.getElementById(id).style.property=new style
也可以使用cssText element.style.cssText="color:red;font-size:2rem;"; //格式和正常的css一样
9、js有onload 和 onunload 事件
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
扫一扫
