加载外部JavaScript文件而不会污染全局范围

时间:2016-06-14 19:56:24

标签: javascript jquery html

我需要创建一个位于服务器A的简单JS文件,并从服务器B调用(在服务器B的页面中使用<script src="server-A/file.js"></script>)。

在JS文件中,我需要使用一些jQuery函数,所以我需要包含jQuery,但我不想污染页面的全局范围,这意味着,我想要jQuery $我包含只能在我的功能中访问。此外,该页面可能正在使用自己的jQuery(使用不同的版本或不...)。

我搜索了很多关于它的内容,但不断得到不相关的结果,比如如何使用jQuery(ajax ..)加载文件,如何将jQuery导入到你的页面,以及东西。

到目前为止我的代码:
(注意:我知道异步加载。当然,完整的代码将包含回调)

(function() {
    var jq = document.createElement("script");
    jq.type = "text/javascript";
    jq.src = "http://jq-file.js";       
    document.body.appendChild(jq);

    var otherVar = 123;
    $(...).someFunc();
})();
在我的插件之外无法访问

otherVar(这很好),但是jQuery $会这样做。

任何帮助将不胜感激。

0 个答案:

没有答案