HTML文档头部的外部脚本是否保证在包含在主体中的脚本之前执行？
在HTML文档中，外部脚本的执行顺序取决于它们在文档中的位置。通常，外部脚本会在包含它们的元素的主体脚本之前执行。然而，这并不是绝对的，因为浏览器的解析和渲染机制可能会导致脚本执行顺序发生变化。
为了确保外部脚本在包含在主体中的脚本之前执行，可以使用以下方法：
- 使用
async和defer属性：在<script>标签中添加async或defer属性可以使浏览器在解析文档时异步地加载和执行脚本。defer属性会使脚本在文档解析完成后执行，而async属性则会使脚本在下载完成后立即执行。这两个属性都可以确保外部脚本在包含在主体中的脚本之前执行。
示例：
<script src="external-script.js" defer></script>
<script>
// 主体脚本</script>
- 将外部脚本放在
<head>标签内：将外部脚本放在<head>标签内可以确保它们在文档主体脚本之前执行。
示例：
<!DOCTYPE html>
<html>
<head>
<script src="external-script.js"></script></head>
<body>
<script> // 主体脚本 </script></body>
</html>
需要注意的是，过多地依赖脚本执行顺序可能会导致代码的可维护性和可读性降低。因此，在编写代码时，建议将脚本模块化，并使用事件监听器或回调函数来确保脚本按照正确的顺序执行。
相关·内容
我试图在页面处理中尽可能早地在HTML页面中执行一些内联javascript，以便利用外部.js文件中的库函数。虽然我总是看到将库脚本放在头部，而将客户端脚本放在主体中似乎是有效的，但我在任何地方都找不到文档头部中包含的外部脚本</
浏览 1提问于2011-07-06得票数 1
回答已采纳
在主体中加载脚本js文件后是否会调用$(document).ready()？如果我将$(document).ready()放在脚本元素的头部，该元素接受一个回调函数，该回调函数使用在文件中声明的函数，其脚本元素加载在主体中，如下所示：<html>
<script s
浏览 5提问于2013-06-07得票数 7
回答已采纳
这里有一个有趣的问题，来自我最近看过的一些继承代码。我正在尝试添加一个压缩模块到一个项目中。它加载所有的JS和CSS文件，组合它们，缩小它们，并压缩它们。我尝试了许多解决方案，但它们都有一个致命的问题。我有一些javascript是通过Page.ClientScript.RegisterClientScriptBlock在MasterPage的PreRender中加载的。压缩模块作为脚本标记链接加载到MasterPage中，但是当我运行页面时...来自
浏览 0提问于2011-01-21得票数 7
回答已采纳
2回答
我有一个简单的Ajax调用，当我将它包装在脚本中的document ready函数中、HTML文件中的结束body标记之前时，它工作得很好。但是，当我尝试将调用移到外部.js文件中(不包括脚本标记和文档就绪函数)时，调用不起作用。我尝试像这样在HTML文件的头部和主体
浏览 1提问于2013-09-24得票数 5
回答已采纳
传递给的Javascript将在DOM完全加载后运行，但不会等待接收到图像等所有资产(与不同)。凉爽的。但是，放在文档<head>的<script>标记中的javascript总是在代码传递给jQuery.ready()之前运行吗？
我假设答案是肯定的，但找不到任何具体的东西来澄清这一点。
浏览 2提问于2012-08-14得票数 1
回答已采纳
如果将JavaScript放在</body>之前是完全可以接受的，那么将它保留在<head>中有什么充分的理由
根据问题，许多答案指出，如果将页面放在</body>标记之前，页面加载速度会更快。然而，我没有看到任何合理的理由来说明为什么应该将它保留在<head>中。我之所以问这个问题，是因为我不是一个很强的JavaScript开发人员，从我所读到的和看到的一切来看，标
浏览 0提问于2011-11-24得票数 46
回答已采纳
我想尽可能地将我的JS代码和HTML分开，我可以看到几种模式。$(document).ready(function() {...})就在关闭车身标签之前new FormValidationHandler() 3)我可以在脚本标记中指向包含初始化的外部js文件，如$(Document)就绪
浏览 4提问于2011-11-09得票数 0
这些天来，人们似乎建议将script标记放在结束body标记之前。<script src="//javascript.js"></script></html>
如果您立即运行脚本，这是一件好事，因为大多数DOM已经加载。但是，如果您使用onload或DOMContentLoaded事件来调用您的主脚本呢？在这种情况下，将脚本标记放在文档<
浏览 1提问于2014-10-19得票数 4
在复选框中使用的.js文件中有一些代码。但是，当导入到html中时，前两个复选框部分起作用(location，pop)，但最后一个不起作用。当我将js放在html中而不是导入它时，所有三个部分(位置、pop、学费)都在工作.我不知道这是为什么，也不知道怎么解决它！很抱歉问了个基本问题。HTML：联署材料：
var allCheckbox
浏览 3提问于2022-05-19得票数 0
回答已采纳
2回答
我正在从雄辩的JavaScript中完成“创建平台游戏”项目，并且有一个脚本标记的问题。在这本书中，我们被告知要使用以下方法来显示我们的级别： var simpleLevel =Level(simpleLevelPlan);
var display = new DOMDisplay(document.body, simpl
浏览 0提问于2016-09-12得票数 1
回答已采纳
我使用的是一个简单的脚本，当脚本嵌入到实际的html页面中时，它工作得很好，但是当它被抛入外部.js时，脚本不再工作，我在控制台中看不到任何错误，它是一个jquery委托函数，我知道外部脚本正在工作，因为其中有其他脚本目前工作得很好只是想知道这个问题是不是有原因，或者其他人是否遇到过这个问题。
浏览 0提问于2011-05-18得票数 1
回答已采纳
1回答
有很多关于async和defer如何影响加载时间和外部脚本开始执行的文档，但我找不到任何提到脚本何时完成执行的文档。例如，假设外部脚本定义函数one()、two()、three()和four() …
<script async="async" src="…"></script>wind
浏览 4提问于2020-06-25得票数 0
回答已采纳
2回答
在我的文档头的顶部，我动态加载了一个脚本：var script = document.createElement("script");var head = document.head;</script>
Main.js
浏览 39提问于2018-08-22得票数 0
10回答
<head> <script type="text/javascripth1>What to buy</h1> <li> beans</li>
<li>Che
浏览 1提问于2013-06-14得票数 51
我使用的是带有MasterPages的ASP.NET 3.5。我的母版页包含对jquery和jquery UI的脚本引用。我的使用母版页的网页有一个针对该页的自定义javascript文件的脚本引用。当我在Visual Studio中运行debug中的网站时，输入框没有设置为日历。但是，如果我从外部文件复制脚本
浏览 0提问于2009-06-04得票数 0
回答已采纳
我想在我的网页上添加Digg按钮，但不想直接在页面上添加脚本标记。src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>为Digg按钮添加JavaScript的一些简单的方法是什么
浏览 0提问于2009-07-14得票数 1
我是javascript的初学者，希望有人能帮我解决这个问题。我试着做一个带有id的div，“移动”，来回滑动。代码在jsfiddle中可以工作，但是当我把它放到html文档中时就不能工作了。我试着将顶部放在一个单独的js文件中，只使用代码的最后一行调用头部的变量：但这并不管用。然后，我尝试将整个js<
浏览 6提问于2013-07-20得票数 2
回答已采纳
我在文档头部分有这样的脚本。<html> <title>Javascript Tests</title> varmySpan.style.color = "red";
浏览 1提问于2014-04-11得票数 1
回答已采纳
我对此了解不多，因为我最近才开始使用JavaScript，所以简单的语言将非常受欢迎。
当我在页面上插入JavaScript时，它在预览中显示为页面上的文本，当我更新我的网站时，它也是这样显示的。
浏览 0提问于2010-09-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
