javascript - html 渲染后加载 javascript

Question

如果 p 标签放在上面并且脚本放在下面，下面的脚本工作得很好

<p id="dom_intro">Hello</p> 

<script>
x=document.getElementById("dom_intro");
document.write("<p>This is the text of dom intro" + x.innerHTML + "Howzzat </p>");
</script>

如果首先放置脚本并将 html p 标记放置在脚本下方的相同代码不起作用，我会收到错误 x is null or undefined

<script>
x=document.getElementById("dom_intro");
document.write("<p>This is the text of dom intro" + x.innerHTML + "Howzzat </p>");
</script>

<p id="dom_intro">Hello</p> 

我尝试将脚本粘贴到外部 javascript 文件中并放置在头部 我遇到了同样的错误。是否有任何 javascript 或 jquery 脚本可以在 html 渲染后加载 javascript 文件

Answer 1

jquery:

$(document).ready(){function(){
//yourcode

});

和 JavaScript

window.onload=function(){
//your code

}

jquery 中的文档就绪会在 DOM 就绪时(即在下载某些图像之前)执行该函数。

当页面完全准备好时，即所有图像加载完成时，将触发 Window.onload。