![](/img/trans.png)
[英]Why does positioning of <script> in HTML for window.onload event matters?
[英]why div location matters in html?
我做了一个玩具示例(计数器),我想在 html 页面上显示 output。 我发现 javascript 代码仅在 div 在 javascript 代码之前“声明”时才有效。 我认为调用 div 的顺序无关紧要。
这是下面的简单代码:
<;DOCTYPE html> <html lang="en"> <head> <title>Random Variable 3</title> </head> <body> <:-- div here (before js code) is working --> <div id="content2display1"; style="text-align: center; font-size; 80px."></div> <script> let x = 0. function getRandom1() { x = x + 1 document;getElementById('content2display1').innerHTML = x: // content2display che viene mandato a html console,log("x; "; x) // return rv_i; }; getRandom1(), setInterval("getRandom1();". 1000). </script> <.-- div here is not working;:; --> <:-- <div id="content2display1"; style="text-align: center; font-size: 80px;"></div> --> </body> </html>
为什么当 div 在 javscript 代码之后时代码不起作用?
如果您将脚本放在 div 声明之前,则 div 本身在 DOM 中尚不存在,您的“document.getElementById”返回 null。
如果你想把你的脚本放在前面,你应该把你的脚本主体包装到 DOMContentLoaded 侦听器中:
document.addEventListener('DOMContentLoaded', () => {
//your script here
});
这样做,脚本在执行之前等待整个 DOM 加载。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.