0%

JavaScript学习

JavaScript基础知识备份

JavaScript引入方式与放置位置区别

内嵌式

1
2
3
<script type="text/javascript">
//do something
</script>

外联式

1
<script type="text/javascript" src="url"></script>

注意:除非特殊情况需要先执行js,一般我们都将js放在body中且在</body>标签之前,因为页面装载需要等待js的下载与执行,这样操作可以在页面装载完成之后,再去下载和执行js,既不会影响页面的正常加载,又可以提高效率!

开发测试常用

弹出框,可以打断后续代码执行

1
2
3
alert(message);                     //提示框
confirm(message); //确认框
prompt(message,defaultValue); //输入框

控制台打印

1
console.log(content);

定时器

1
2
3
4
5
6
7

setInterval(function,delay); //循环执行,执行无限多次。(每多少毫秒执行一次)
clearInterval(intervalID); //清除循环计时器

setTimeout(function,delay); //延迟执行,仅执行一次。(多少毫秒后执行一次)
clearTimeout(timeoutID); //清除延迟执行

运算符优先级

优先级运算符说明结合性
1[].()字段访问、数组索引、函数调用和表达式分组从左向右
2++ -- ! new typeof void一元运算符、返回数据类型、对象创建、未定
义的值
从右向左
3*、/、%相乘、相除、求余数从左向右
4+、-相加、相减、字符串串联从左向右
5<<、>>、>>>左位移、右位移、无符号右移从左向右
6<、<=、>、>=、instanceof小于、小于或等于、大于、大于或等于、是否
为特定类的实例
从左向右
7==、!=、===、!==相等、不相等、全等,不全等从左向右
8&按位“与”从左向右
9^按位“异或”从左向右
10|按位“或”从左向右
11&&短路与(逻辑“与”)从左向右
12||短路或(逻辑“或”)从左向右
13?:条件运算符从右向左
14=、+=、-=、✲=、/=、%=、&=、|=、^=、<、<=、>、>=、>>=混合赋值运算符从右向左
15,多个计算按优先级计算,然后从右向左。

常用运算汇总表

常用事件汇总表

bulb