javascript引入方式
嵌入式
1 <script type="text/javascript"> 2 function sayHi(){ 3 alert("Hi!"); 4 } 5 </script>
注意点:文档加载和解析方式从上到下,意味着嵌入式的javaScript也将从上至下依次解析,所以需要注意嵌入式的javaScript存放的位置,因为页面上javaScript内部所有代码求值完毕以前,页面中的其余内容都不会被浏览器加载或显示。
1 <script type="text/javascript" src="example1.js"></script>
延迟脚本defer属性
1 <script type="text/javascript" defer="defer" src="example1.js"></script>
defer:可选。表示脚本可以延迟到文档完全被解析之后再执行。只对外部脚本文件有效。
从属性的解释就可以知道它的作用,不过需要注意的是,延迟脚本不一定会按照顺序执行,所以最好只包含一个延迟脚本。和defer类似的还有一个属性:async,这个属性我个人不太推荐去了解它,因为几乎不怎么用到,如果有兴趣的哥们自己去查看相关资料。
<noscript>
元素
使用场景:
1:浏览器不支持脚本
2:浏览器支持脚本,但脚本被禁用。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>我是一个测试用例</title> 6 <script type="text/javascript" defer="defer" src="example1.js"></script> 7 <script type="text/javascript" defer="defer" src="example2.js"></script> 8 </head> 9 <body> 10 <noscript> 11 <p>本页面需要浏览器支持(启用)JavaScript</p> 12 </noscript> 13 </body> 14 </html>