JavaScript高级程序设计读书笔记第二章在HTML中使用JavaScript

原创 Laughing  2018-01-08 20:48  阅读 386 次 评论 0 条

script标签位置

按照传统做法，JavaScript标签一般是放到head标签中，这样可以对JavaScript进行集中管理。但是这样存在一个问题，就是必须等到所有的JavaScript代码下载完成后，网页才能渲染出来，会导致JavaScript代码加载出来之前，网页显示一片空白。所以现在的做法一般是放到body结束标签的前面。

script标签放到body结束标签前面

延迟脚本

HTML4.0.1位script标签定义了defer属性。这个属性的用途是表明脚本在执行时不会影响页面的构造。相当于告诉浏览器，脚本立即下载，但延迟执行。

  1. <script src="example1.js" type="text/javascript" defer="defer"></script>  
defer只针对外部脚本，并且多个脚本会按照顺序执行

异步脚本

HTML5为scrip定义了async属性，与defer类似，都是只能用于外部脚本，但是async属性定义的脚本不一定按照顺序执行。

  1. <script src="example1.js" type="text/javascript" async></script>  
  2.   <script src="example2.js" type="text/javascript" async></script>  

如上面的代码。exmaple2可能会在example1前加载

noscript标签

noscript标签的内容只要满足以下两个条件之一变会显示

  1. 浏览器不支持脚本
  2. 浏览器支持脚本但是禁用了脚本
  1. <noscript>  
  2. <p>本页面需要浏览器支持并启用脚本</p>  
  3. </noscript>  
本文地址：https://www.lisen.me/javascript-advanced-program-design-book-notes-second-chapters-using-javascript-in-html.html
版权声明：本文为原创文章，版权归 木子网 所有，欢迎分享本文，转载请保留出处！

发表评论


表情