动态加载来自不同域的 JavaScript 文件可以通过创建一个 script 标签并将其添加到 HTML 文档中来实现。以下是一个简单的示例:
function loadScript(url, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
if (script.readyState) { // for Internet Explorer
script.onreadystatechange = function() {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else { // for other browsers
script.onload = function() {
callback();
};
}
document.getElementsByTagName("head")[0].appendChild(script);
}
// 使用示例
loadScript("https://example.com/script.js", function() {
// 在这里执行回调函数
});
这个示例中的 loadScript
函数接受一个 URL 和一个回调函数作为参数。它会创建一个 script 标签,将其 src 属性设置为给定的 URL,然后将其添加到 HTML 文档中。当脚本加载完成后,回调函数将被执行。
请注意,由于浏览器的安全策略,跨域加载 JavaScript 文件可能会受到限制。为了解决这个问题,可以使用 JSONP 或 CORS 等技术来实现跨域访问。
云+社区技术沙龙[第4期]
【BEST最优解】企业应用实践(教育专场)
“中小企业”在线学堂
“中小企业”在线学堂
新知·音视频技术公开课
中小企业数字化升级之 提效篇
领取专属 10元无门槛券
手把手带您无忧上云