JavaScript在HTML中的位置

最新推荐文章于 2024-07-29 13:34:38 发布

石头匠人

最新推荐文章于 2024-07-29 13:34:38 发布

阅读量585

点赞数

分类专栏： html JavaScript 文章标签： javascript html

本文链接：https://blog.csdn.net/Conwey_stone/article/details/53082251

版权

JavaScript 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

目前大致上有两种做法：

放置于<head></head>之间：

由于 HTML 文档是由浏览器从上到下依次载入的，将 JavaScript 代码放置于<head></head> 标签之间，可以保证脚本在任何调用之前被加载。

比如：在AngularJS实例中，可以看到 AngularJS 库是在文档的 <head> 区域被加载。
在AngularJS教程的实例中，AngularJS 在 <head> 元素中被加载，因为对 angular.module
的调用只能在库加载完成后才能进行。

放置于<body></body>之间：

设想如下一种情况：我们有一段 JavaScript 代码需要操作 HTML 元素。但由于 HTML 文档是由浏览器从上到下依次载入的，为避免 JavaScript 代码操作 HTML 元素时，HTML 元素还未载入而报错（对象不存在），因此需要将这段代码写到 HTML 元素后面。
但通常情况下，我们操作页面元素一般都是通过事件来驱动的，所以上面这种情况并不多见。

对于 HTML 应用程序，通常建议把所有的脚本都放置在 <body> 元素的最底部。
这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。