gpt4 book ai didi

javascript - 如何动态加载Javascript文件并立即使用它们?

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:06:27 24 4
gpt4 key购买 nike

我正在使用 JQuery 在网页的正文选项卡中动态注入(inject)脚本标签。我得到了类似的东西:

function addJS(url) {
$("body").append('<script type="text/javascript" src='+url+'></script>');
}

我以这种方式添加了几个脚本,然后尝试立即使用它们。例如:

lib.js

function core() {...}
alert("I'am here !");

init.js

addJS("lib.js");
c = new core();

test.html

<html>
<head>
<title>test</title>
<script type="text/javascript" src="init.js"></script>
</head>
<body>
Hello
</body>
</html>

加载 test.html 弹出“我在这里”,然后以错误“核心未定义”结束。当然,合并这两个 JS 文件将使它们完美地工作。

我就是不明白o_O。

编辑

我简化了这个例子,但杰夫的回答让我明白这是一个错误。所以这里有一些细节:

当它重新加载时,init.js 不在 test.html 的头部,因为我用在书签上执行的代码注入(inject)它。

所以真正的执行过程是这样的:

重新加载 test.html > 运行 bookmarklet > 插入 jquery 和 init.js > 插入 lib.js

抱歉造成混淆。

编辑 2

现在我找到了问题的解决方案(很快 :-)),但我仍然对问题的答案感兴趣。为什么会出错?

最佳答案

jQuery 内置了这个功能 getScript .

关于javascript - 如何动态加载Javascript文件并立即使用它们?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/905625/

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