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
版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!
版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!