2021/09/28 scripts

6.0  scripts标签

　　1) 内嵌的 JavaScript 代码

　　<script type="text/javascript">

　　　　document.write("I love FishC.com!")

　　 </script>

　　2) 通过 src 属性引用来自外部代码文件

　　<script type="text/javascript" src="hi.js"></script>

6.0.1  scripts标签的--defer 属性

　　想要延迟执行外部代码文件（js文件），只要在 script 中指定 defer 属性，浏览器就会忽略这个代码，等到 HTML 全部解析完成再执行js文件。

　　<script type="text/javascript" src="patch.js" defer></script>

　　defer 属性只能用于外部代码文件，它对文档内嵌代码根本不起作用。

6.0.2  scripts标签的--async 属性 

　　加载外部代码会浪费一些时间，有时候这些外部代码的加载时间根本不可控，async属性用于告诉 HTML 解析器在遇到被异步执行的 <script> 标签时不需要停下来，HTML 文档的解析和代码的获取是同时进行的。

　　<script src="demo_async.js" async></script>

　　对于不依赖于其他文件或本身没有任何依赖关系的代码文件，async 属性将会非常有用。但是使用 async 属性会导致多个代码的执行次序不可控（反正谁先加载完成，谁就先被执行），因此如果代码中使用了其他代码定义的函数或值，async 属性就不适用了。

　　async 属性只能用于外部代码文件，它对文档内嵌代码根本不起作用。

6.3  noscript标签

　　<noscript> 标签用来向不支持 JavaScript 的浏览器显示一些替代内容。

　　<noscript>

　　　　<p>抱歉，这个浏览器不支持 JavaScript!</p>

原文：https://www.cnblogs.com/heini-wei/p/15345010.html