Question

我有一个javascript函数，＆＃34; loadFramework（）＆＃34;修改HTML文档。具体来说，它重复运行jQuery命令$("#element-id").load("document/name.html")，它将document / name.html中的HTML直接注入到带有＃element-id的元素中。

最初，我在文档标题的脚本中运行了loadFramework（）。但是，从那时起我就意识到如果页面还没有加载，函数会失败，因为它依赖于一个带有＃element-id的元素。

我无法弄清楚如何在应该的时候运行此功能。一个简单的解决方案似乎是将其设置为document.onload函数：

document.onload = function() {
    loadFramework();
}

但在这种情况下，它似乎永远不会运行。

如何确保标题功能仅在文档加载后运行？

Answer 1

如果您正在寻找一个香草JS选项，您应该使用window.onload

window.onload = function() { loadFramework(); }

Answer 2

Jquery加载需要额外的参数＆＃34;完成＆＃34;。你可以在那里运行javascript。所以代码是：

$("#element-id").load("document/name.html", function(){
    loadFramework();
});

你也可以在你加载的html中使用$（document）.ready（function {loadFramework（）}）。

Answer 3

如果要在加载“document / name.html”后执行loadFramework()方法，我建议使用以下代码。

$(function() {
    $("#element-id").load("document/name.html", function(){
        loadFramework();
    });
});

设计在文档加载完成后运行的头文件脚本

3 个答案: