js工作笔记003---js编写习惯_提高网页显示速度

最新推荐文章于 2020-11-24 16:43:56 发布

添柴程序猿

最新推荐文章于 2020-11-24 16:43:56 发布

阅读量342

点赞数

分类专栏： WebFront

本文为博主原创文章，未经博主添柴程序猿允许不得转载违者追究法律责任。

本文链接：https://blog.csdn.net/lidew521/article/details/100999477

版权

WebFront 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

技术交流QQ群【JAVA,C++,Python,.NET,BigData,AI】：170933152

标签的位置

按照传统的做法，所有<script>元素都应该放在页面的<head>元素中，例如： 
 
<!DOCTYPE html> 
<html> 
  <head> 
    <title>Example HTML Page</title> 
    <script type="text/javascript" src="example1.js"></script> 
    <script type="text/javascript" src="example2.js"></script> 
  </head> 
  <body> 
    <!-- 这里放内容 --> 
  </body> 
</html> 
这种做法的目的就是把所有外部文件（包括 CSS 文件和 JavaScript 文件）的引用都放在相同的地方。
可是，在文档的<head>元素中包含所有 JavaScript 文件，意味着必须等到全部 JavaScript 代码都被下载、
解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于
那些需要很多 JavaScript 代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟
期间的浏览器窗口中将是一片空白。为了避免这个问题，现代 Web 应用程序一般都把全部 JavaScript 引
用放在<body>元素中页面内容的后面，如下例所示：

<!DOCTYPE html> 
<html> 
  <head> 
    <title>Example HTML Page</title> 
  </head> 
  <body> 
    <!-- 这里放内容 --> 
    <script type="text/javascript" src="example1.js"></script> 
    <script type="text/javascript" src="example2.js"></script> 
  </body> 
</html>