我的 HTML 中有 2 个 div。
<div id="div1"></div>
<div id="div2"></div>
在单击“div2”时,我想加载一个外部 javascript 文件,例如“https://abcapis.com/sample.js”。
我试过在 onclick 事件中包含 JS 文件,如下所示,
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://abcapis.com/sample.js";
document.getElementsByTagName("head")[0].appendChild(script);
这包括头部部分的脚本标签,但没有加载,因为脚本标签只会在页面加载时加载(如果我错了,请在此处纠正我)。
还有其他方法可以继续吗?
提前致谢。
最佳答案
使用 jQuery 的 $.getScript()
函数应该为您完成这项工作。
这是一段示例代码:
$("button").click(function(){
$.getScript("demo_ajax_script.js");
});
如果您不使用 jQuery,则必须学习如何使用 AJAX 将新脚本动态加载到您的页面中。
关于javascript - 如何在 "onclick"事件期间加载外部 Javascript 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19149934/