2.1 script元素
使用<script>元素将js嵌入到html中,让脚本和标记混合在一起;
也可以包含外部的js文件(该文件可以在同一服务器,也可以其他服务器上的js),此时js文件汇中不需要再有<script>元素。
属性:
src
type:脚本语言的类型,一般是text/javascript
defer:defer,延迟脚本,该属性的用途表明js不会影响页面的结构,也就是说延迟到整个html页面加载完后再加载js脚本。
注意:IE4~IE7还支持嵌入式脚本的defer属性,IE8之后只支持外部js文件的加载。
若想延迟加载js脚本,将js脚本放 在页面底部是最好的选择。延迟加载是按照js的顺序来加载的。
async:async,异步脚本,该属性跟defer类似,只应用于外部js文件,但是延迟加载并不是按照顺序来加载而是随机的。
2.2 嵌入代码和外部文件
嵌入代码可以放在<head>中,也可以放在<body>中,
尽可能地使用外部文件,因为使用外部js文件有如下好处:
可维护性
可缓存
适应未来
2.3<noscript>元素
当浏览器不支持js脚本或浏览器禁用js脚本时,浏览器会显示该元素中的内容,反之不会显示该元素中的内容。
2.4 浏览器是按照js的顺序来加载js脚本的(除了使用defer和async属性)