Javascript 我应该等待document.onload事件吗？_Javascript_Html_Ajax_Svg_D3.js

Javascript 我应该等待document.onload事件吗？

javascript html ajax svg d3.js

Javascript 我应该等待document.onload事件吗？,javascript,html,ajax,svg,d3.js,Javascript,Html,Ajax,Svg,D3.js,我有一个非常简单的HTML文件，其中我想根据通过AJAX调用检索的数据绘制SVG 我应该通过将代码封装在document.onload=function（）{…}块中等待文档完全加载，还是可以确保在执行JS代码时文档已经完全加载，因为我的JS代码是在HTML文件的末尾加载的 HTML代码： <!DOCTYPE html> <html lang="en"> <head> <link href="styles.css" rel="stylesheet

我有一个非常简单的HTML文件，其中我想根据通过AJAX调用检索的数据绘制SVG

我应该通过将代码封装在

document.onload=function（）{…}

块中等待文档完全加载，还是可以确保在执行JS代码时文档已经完全加载，因为我的JS代码是在HTML文件的末尾加载的

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="styles.css" rel="stylesheet">
</head>
<body>
    <svg id="first"></svg>
    <svg id="second"></svg>

    <script src="d3.v3.min.js"></script>
    <script src="myscript.js"></script>
</body>
</html>

根据您设置代码的方式，您是否等待

onload

事件可能并不重要。然而，明确等待

onload

事件是更安全的方法，它可以防止将来出现问题，例如，如果您更改脚本的顺序

此外，您可能还需要使用

window.onload

。查看设置代码的方式，如果您等待

onload

事件与否可能无关紧要。然而，明确等待

onload

事件是更安全的方法，它可以防止将来出现问题，例如，如果您更改脚本的顺序

此外，您可能还需要使用

window.onload

。查看设置代码的方式，如果您等待

onload

事件与否可能无关紧要。然而，明确等待

onload

事件是更安全的方法，它可以防止将来出现问题，例如，如果您更改脚本的顺序

此外，您可能还需要使用

window.onload

。查看设置代码的方式，如果您等待

onload

事件与否可能无关紧要。然而，明确等待

onload

事件是更安全的方法，它可以防止将来出现问题，例如，如果您更改脚本的顺序

此外，您可能还需要使用

window.onload

。请参见

您不需要也不应该在window onload事件中添加对d3.json的调用，因为您的脚本包含在文件的末尾，而且是ajax调用。

您不需要也不应该在window onload事件中添加对d3.json的调用，因为您的脚本包含在文件的末尾，另外，这是一个ajax调用。

您不需要，也不应该在window onload事件中添加对d3.json的调用，因为您的脚本包含在文件的末尾，而且这是一个ajax调用。

您不需要，也不应该在window onload事件中添加对d3.json的调用，因为您的脚本包含在文件的末尾，另外，它是一个ajax调用。

我不太确定您的svg是否是内联的。在文件末尾立即运行js脚本是很常见的。此时将加载DOM，您可以与它进行交互。等待

onload

事件意味着等待不需要运行脚本的图像或css文件等资源。

我不太确定svg是否是内联的。在文件末尾立即运行js脚本是很常见的。此时将加载DOM，您可以与它进行交互。等待

onload

事件意味着等待不需要运行脚本的图像或css文件等资源。

我不太确定svg是否是内联的。在文件末尾立即运行js脚本是很常见的。此时将加载DOM，您可以与它进行交互。等待

onload

事件意味着等待不需要运行脚本的图像或css文件等资源。

我不太确定svg是否是内联的。在文件末尾立即运行js脚本是很常见的。此时将加载DOM，您可以与它进行交互。等待

onload

事件意味着等待不需要运行脚本的图像或css文件等资源。

您可以使用Firefox中的firebug，它将为您提供web执行序列；因此，您可以确定文档是否已加载。

查看此帖子：

您可以使用Firefox中的firebug，它将为您提供web执行序列；因此，您可以确定文档是否已加载。

查看此帖子：

您可以使用Firefox中的firebug，它将为您提供web执行序列；因此，您可以确定文档是否已加载。

查看此帖子：

您可以使用Firefox中的firebug，它将为您提供web执行序列；因此，您可以确定文档是否已加载。

查看这篇文章：

D3有一个非常棒的排队系统，可以让JSON更容易处理

你可以在这里看到它的作用：

它将等待这些文件准备好并调用映射操作。它还将json文件设置为易于读取的对象，您可以通过这些对象进行解析

我目前正在使用它，它使一切都更容易消化。

D3有一个很棒的排队系统，使JSON更容易处理

你可以在这里看到它的作用：

它将等待这些文件准备好并调用映射操作。它还将json文件设置为易于读取的对象，您可以通过这些对象进行解析

我目前正在使用它，它使一切都更容易消化。

D3有一个很棒的排队系统，使JSON更容易处理

你可以在这里看到它的作用：

它将等待这些文件准备好并调用映射操作。它还将json文件设置为易于读取的对象，您可以通过这些对象进行解析

我目前正在使用它，它使一切都更容易消化。

D3有一个很棒的排队系统，使JSON更容易处理

你可以在这里看到它的作用：

它将等待这些文件准备好并调用映射操作。它还将json文件设置为易于读取的对象，您可以通过这些对象进行解析

我目前在手机上使用它，它让一切都更容易消化。

它更安全

d3.json('data.json', function (data) {
    var svgs = d3.selectAll('svg');
    // do some fancy stuff with data and svgs
});

queue()
.defer(d3.json, 'states.json') // topojson polygons
.defer(d3.json, 'cities.json') // geojson points
.await(makeMyMap); // function that uses files