首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何动态加载来自不同域的javascript文件?

动态加载来自不同域的 JavaScript 文件可以通过创建一个 script 标签并将其添加到 HTML 文档中来实现。以下是一个简单的示例:

代码语言:javascript
复制
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 等技术来实现跨域访问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券