为什么页面加载时只有一行javascript启动？
我试图真正理解浏览器如何加载网页的细节为什么页面加载时只有一行javascript启动？,javascript,Javascript,我试图真正理解浏览器如何加载网页的细节 在一个.js文件中，我有两个javascript语句附加到一个HTML文件： d3.select("body").append("span").text("Hello, world!"); alert("huh?"); 当我加载页面时，我看到一个警告“huh”。因此“huh”语句触发 但是，“Hello，world”并没有附加到文档正文中 然后，如果我在控制台中运行d3.select（“body”）.append（“span”）.text（“H
d3.select("body").append("span").text("Hello, world!");
alert("huh?");
d3.select（“body”）.append（“span”）.text（“Hello，world！”）d3.选择…为什么会出现差异？操作
DOMDOM- 将您的
标记放在正文中，这样一旦有正文，它就会运行 - 将您的代码封装在
，这样当DOM准备就绪时它就会启动窗口中。onload
window.onload = function(){
d3.select("body").append("span").text("Hello, world!");
alert("huh?");
}
窗口加载事件时，函数d3.select（“body”）.append（“span”）.text（“Hello，world！”）；触发器，但元素尚未加载，因此它不反映。
当我们使用$（document）.ready函数时，这将在页面满负荷后触发该函数，因此触发器可能会反射并可见。其中as-alert在window.onload和$（document）中都是相同的。为此，您需要确保仅在DOM树中存在目标元素后才调用元素选择器。这就是为什么jQuery的DOM ready如此流行的原因 基本上，有时页面内容很重（图像大小较大等），需要时间加载。在窗口加载事件之前首先触发DOM就绪 在确保节点位于DOM树中后，或者换句话说，在您选择的任何函数（如案例中所示）都需要启动；至少在DOM就绪事件激发之后。否则，即使它在一个浏览器上工作一次，也可能是间歇性的，因为它取决于竞争，竞争首先发生——执行JS或创建元素。每当前者发生时，它就会失败
我希望这有帮助 还没有身体元素。有两种解决方案： 要么等待文档加载
<head>
<script>
$(document).ready(function() {
d3.select("body").append("span").text("Hello, world!")
});
</head>
$（文档）.ready（函数（）{
d3.选择（“body”）.追加（“span”）.文本（“你好，世界！”）
});
<body>
<script>
d3.select("body").append("span").text("Hello, world!")
</script>
</body>
d3.选择（“body”）.追加（“span”）.文本（“你好，世界！”）
onloadonloadonload