javascript - 如何在页面加载时加载 javascript 函数？

Question

我使用 javascript 在 HTML 页面中生成 2D 条形图。当我尝试将包含条形图的 HTML 页面加载到使用 jQuery.load()函数条形图（即脚本）的其他 HTML 页面的 div 标记中时，未加载。

请帮助解决这个问题。

例如，我有条形图xyz.html。我正在尝试使用 jquery 函数加载xyz.htmldiv标签abc.html。.load()条形图丢失。

希望得到答复，谢谢提前帮助。

Answer 1

在 jQuery 中，您可以使用

$(document).ready(function(){ 

});

在页面准备好时加载脚本。因此，您最好将图表生成脚本放在 xyz.html 中的此函数中（如您的示例中所述）。

您也可以this document.ready在您的 abc.html 中使用来加载 div。

Answer 2

您是自己生成 xyz.html 输出还是由某些 3rd-party 应用程序创建的？

如果您自己生成条形图，我建议只生成正文的内容，而不是整个网站。然后加载到 abc.html 应该可以正常工作。

如果它们不是由您生成的，请使用 mhasan 建议，但您不应该获得整个内容哦 html 标记，而只能获得 body 标记的内容。

顺便说一句：你有一个脚本（js和html）的例子可以看吗？

Answer 3

您应该使用 iframe 并加载 html，我认为，我们不能直接在 div 中加载 html。