引入文件
1. 引入外部文件
<script type="text/javascript" src="JS文件"></script>
2. 存放在HTML的<head>或<body>中
<script type="text/javascript">
Js代码内容
</script>
HTML的head中
HTML的body代码块底部(推荐)
3. 为什么要放在<body>代码块底部?
HTML代码从上到下执行,先加载CSS,避免html出现无样式状态;
将JavaScript代码块放在<body>最后,可以让网页尽快的呈现给用户,减少浏览者的等待时间,避免因为JS代码块阻塞网页的呈现。
变量
需要注意的是:局部变量必须以 var 开头申明,如果不写 var 则为全局变量
<script type="text/javascript">
// 全局变量
name = 'nick';
function func(){
// 局部变量
var age = 18;
// 全局变量
gender = "man"
}
</script>
注:需要注意变量提升,就是把变量位置放到函数体的最上方
运算符
1. 算术运算符
| + 一元加,数值不会产生影响 | 对非数值应用一元加运算时,会调用Number()转型函数对这个值进行转换 |
| - 一元减,转换为负数 | ~ |
| ++ 递增1 | 通过Number()转型为数字,再加1,再重新赋值给操作数值 |
| -- 递减1 | ~ |
| 二元算术 | |
| + 加法 | |
| - 减法 | |
| * 乘法 | |
| / 除法 | |
| % 取模 | |
1> 如果其中一个操作数是对象,则对象会转换为原始值:日期对象通过toString()方法执行转换,其他对象通过valueOf()方法执行转换。如果结果还不是原始值,则再使用toString()方法转换 2> 在进行了对象到原始值的转换后,如果其中一个操作数是字符串的话,另一个操作数也会转换成字符串,进行字符串拼接 3> 两个操作数都将转换成数字或NaN,进行加法操作