script标签位置
按照传统做法，JavaScript标签一般是放到head标签中，这样可以对JavaScript进行集中管理。但是这样存在一个问题，就是必须等到所有的JavaScript代码下载完成后，网页才能渲染出来，会导致JavaScript代码加载出来之前，网页显示一片空白。所以现在的做法一般是放到body结束标签的前面。
script标签放到
body结束标签前面延迟脚本
HTML4.0.1位script标签定义了defer属性。这个属性的用途是表明脚本在执行时不会影响页面的构造。相当于告诉浏览器，脚本立即下载，但延迟执行。
- <script src="example1.js" type="text/javascript" defer="defer"></script>
defer只针对外部脚本，并且多个脚本会按照顺序执行异步脚本
HTML5为scrip定义了async属性，与defer类似，都是只能用于外部脚本，但是async属性定义的脚本不一定按照顺序执行。
- <script src="example1.js" type="text/javascript" async></script>
- <script src="example2.js" type="text/javascript" async></script>
如上面的代码。exmaple2可能会在example1前加载
noscript标签
noscript标签的内容只要满足以下两个条件之一变会显示
- 浏览器不支持脚本
- 浏览器支持脚本但是禁用了脚本
- <noscript>
- <p>本页面需要浏览器支持并启用脚本</p>
- </noscript>
本文地址：https://www.lisen.me/javascript-advanced-program-design-book-notes-second-chapters-using-javascript-in-html.html
版权声明：本文为原创文章，版权归 木子网 所有，欢迎分享本文，转载请保留出处！
版权声明：本文为原创文章，版权归 木子网 所有，欢迎分享本文，转载请保留出处！
