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

我发现这个优秀的代码,由aemkei发布,作为这些问题的答案:

你如何动态加载JavaScript文件？(想想C的#include)

使用javascript根据需要注入脚本引用？

您可以编写动态脚本标记(使用Prototype):

new Element("script", {src: "myBigCodeLibrary.js", type: "text/javascript"});

这里的问题是我们不知道外部脚本文件何时完全加载.

我们经常希望我们的依赖代码在下一行,并喜欢写下这样的东西:

if (iNeedSomeMore){
  Script.load("myBigCodeLibrary.js");  // includes code for myFancyMethod();
  myFancyMethod();                     // cool, no need for callbacks!
}

有一种智能方法可以在不需要回调的情况下注入脚本依赖项.您只需通过同步AJAX请求拉出脚本并在全局级别上评估脚本.

如果使用Prototype,则Script.load方法如下所示:

var Script = {
  _loadedScripts: [],
  include: function(script){
    // include script only once
    if (this._loadedScripts.include(script)){
      return false;
    }
    // request file synchronous
    var code = new Ajax.Request(script, {
      asynchronous: false, method: "GET",
      evalJS: false, evalJSON: false
    }).transport.responseText;
    // eval code on global level
    if (Prototype.Browser.IE) {
      window.execScript(code);
    } else if (Prototype.Browser.WebKit){
      $$("head").first().insert(Object.extend(
        new Element("script", {type: "text/javascript"}), {text: code}
      ));
    } else {
      window.eval(code);
    }
    // remember included script
    this._loadedScripts.push(script);
  }
};

我发现,如果所有这些代码都在'file://'协议中执行,那么代码在IE上不起作用,但是,它不是问题,因为它的用例涉及真正的Web应用程序.

我试过一次,包括http://www.google-analytics.com/urchin.js谷歌的,但是从一个网页,但看起来它不能从不同的域请求javascript文件.

我们如何动态添加javascript,就像上面的脚本一样,但是来自另一个域？

您可以使用onloadand onreadystatechange事件来了解

勤奋的瞌睡猪_715

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1在Windows Phone 8.1 Runtime中将BitmapImage转换为byte []数组
• 2如何检查GPS是否已禁用Android
• 3验证域名后,您可以删除Firebase DNS TXT记录吗？
• 4Chrome开发者工具连接ID
• 5Javascript的本机排序方法如何工作？
• 6WordPress的.获取没有特色图片的帖子
• 7Elasticsearch 2.1:如何使用curl通过查询删除
• 8Touch ID - 如何进入密码屏幕？-迅速
• 9节点/ NPM/Grunt在jscs上失败(grunt-jscs)
• 10如何使用纯函数可靠地将POSIX epoch秒转换为EST/EDT时间
• 11如何使用BitBucket REST api 2.0发布拉取请求评论？
• 12jquery animate - 返回原始位置
• 132列出字典问题
• 14了解@weakify宏
• 15在自定义JsonConverter的ReadJson方法中处理null对象
• 16不区分大小写检查HttpServletRequest中的角色
• 17如何不加选择地替换TOP 1000行的选择列
• 18WKWebView - Javascript确认和警报无法正常工作
• 19Media instagram端点无法正常工作 - 媒体ID无效
• 20如何让Docker Gitlab CI运行器在其父主机上访问Git？