将JavaScript嵌入HTML文档中时,在哪里放置<script>标签和包含的JavaScript 的正确位置?我似乎记得你不应该将它们放在本<head>节中,但是放在本节的开头也<body>很不好,因为必须在完全呈现页面(或类似的东西)之前解析JavaScript。这似乎将本节的末尾<body>作为<script>标记的逻辑位置。
<script>
<head>
<body>
所以,在这里是把正确的地方<script>标记?
(此问题引用了这个问题,在该问题中建议将JavaScript函数调用从<a>标签移动到<script>标签。我专门使用jQuery,但更通用的答案也是合适的。)
<a>
当浏览器加载带有<script>标签的网站时,会发生以下情况:
为什么会发生这种情况?
任何脚本都可以通过document.write()或其他DOM操作插入自己的HTML 。这意味着解析器必须等到脚本被下载并执行后,才能安全地解析文档的其余部分。毕竟,脚本可能已经在文档中插入了自己的HTML。
但是,大多数JavaScript开发人员在文档加载时不再处理DOM 。取而代之的是,他们等到文档加载完成后再进行修改。例如:
<!-- index.html --> <html> <head> <title>My Page</title> <script type="text/javascript" src="my-script.js"></script> </head> <body> <div id="user-greeting">Welcome back, user</div> </body> </html> Javascript: // my-script.js document.addEventListener("DOMContentLoaded", function() { // this function runs when the DOM is ready, i.e. when the document has been parsed document.getElementById("user-greeting").textContent = "Welcome back, Bart"; });
因为你的浏览器不知道my-script.js在下载并执行文档之前不会修改文档,所以解析器将停止解析。
过时的推荐 解决此问题的旧方法是将