gpt4 book ai didi

Javascript - 加载外部 javascript 后 DOM 准备好了吗?

转载 作者:行者123 更新时间:2023-11-29 19:20:14 25 4
gpt4 key购买 nike

当我的外部脚本完成加载时,DOM 是否始终准备就绪?

<head>
<script type="text/javascript" src="base.js"></script>
</head>

在 base.js 中,我有一个加载外部脚本的对象。它使用以下方法来执行此操作:

var head = document.getElementsByTagName("head")[0],
scriptElement = document.createElement("script");

scriptElement.type = "text/javascript";
scriptElement.onreadystatechange = function () {
if (this.readyState === "complete") onModuleLoaded();
};
scriptElement.onload = onModuleLoaded;
scriptElement.src = "externalScript.js";
head.appendChild(scriptElement);

现在,当所有外部脚本都已加载后,将调用回调函数。我的问题是:这个回调函数是否适合放置我的 javascript 代码的其余部分在?此代码需要 DOM 准备就绪。

我的脚本也使用 jQuery。但我不认为我可以使用

$(document).ready(function () { ... });

因为在我的测试中,在我的脚本加载之前触发。但是,我不知道情况是否会一直如此。如果可以,我的回调函数适合我的 DOM 操作 javascript 代码。

但是如果我的脚本可以在 DOM 准备好被操作之前加载,我需要找到另一种方法。

感谢阅读!

最佳答案

检查 jQuery.holdReady() .如果您将尝试通过 getScript 加载外部 js,那么您可以轻松地做到这一点。

延迟就绪事件,直到加载自定义插件:

$.holdReady( true );
$.getScript( "externalScript.js", function() {
$.holdReady( false );
});

关于Javascript - 加载外部 javascript 后 DOM 准备好了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33390922/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com