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