堆栈内存溢出
  繁体   English   中英

包含来自另一个JavaScript文件的jQuery

[英]Include jQuery from another JavaScript file

 原文  2013-05-03 23:27:43  9   7    javascript/ jquery/ dom

问题描述

我试图从javascript文件中包含jQuery。 我尝试了以下，虽然它不起作用。 

var script = '<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>';
document.getElementsByTagName('head')[0].appendChild(script);

7 个解决方案

解决方案1
 7 已采纳  2013-05-03 23:31:57

</script>关闭打开的<script>块，即使它在字符串中。 我会这样做： 

(function() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = document.location.protocol + '//code.jquery.com/jquery-1.9.1.min.js';

    document.getElementsByTagName('head')[0].appendChild(script)
})();

解决方案2
 1  2013-05-03 23:32:06

你不能在脚本块中的任何地方拥有</script> ，甚至不能在字符串中，因为它将在那里结束脚本块。

分解字符串中的结束标记： 

var script = '<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></scr'+'ipt>';

解决方案3
 1  2013-05-03 23:35:25

 (function() {
        var script = document.createElement('script');
        script.type = "text/javascript"; // keeping older browsers happy. 
        script.src = window.location.protocol + '//code.jquery.com/jquery-1.9.1.min.js';
        // browsers prevent cross-protocol downloading.
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);// In Opera a site can get by without a <head>
    })();

解决方案4
 1  2013-05-03 23:37:45

只需使用jQuery getScript（）方法加载jQuery： http ：//api.jquery.com/jQuery.getScript/

...开玩笑。

试试这段代码： 

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://code.jquery.com/jquery-1.9.1.min.js';
head.appendChild(script);

来自： http ： //unixpapa.com/js/dyna.html

此外，如果在https页面上使用，则需要从兼容https的CDN加载脚本，例如Google Hosted Libraries（src =“// ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery .min.js“）

解决方案5
 0  2013-05-03 23:32:45

var script = document.createElement('script');
script.src = 'http://code.jquery.com/jquery-1.9.1.min.js';
document.getElementsByTagName('head')[0].appendChild(script);

解决方案6
 0  2013-05-04 00:19:03

使用一个微小的可重用脚本加法器： 

function fetch(url){
 var d=document, s='script';
 d.getElementsByTagName(s)[0].parentNode.appendChild(d.createElement(s)).src=url;
}

fetch('//code.jquery.com/jquery-1.9.1.min.js');

并非所有页面都在所有浏览器中都有HEAD，但如果脚本正在运行，兄弟脚本标签也可以运行......

解决方案7
 -1  2013-05-03 23:49:17

首先，变量脚本包含序列</script> ，您无法使其显示在代码中，因为浏览器将假定（并且必须）它是<script>标记关闭。 例如，如果您的脚本代码包含语法错误，这是一个没有关闭的字符串变量"它看起来像 

<script>var bad = "abcd ;</script>

要解决这个问题，你可以打破像"</scr" + "ipt>"这样的</script>字符串，或者你可以将其转义： "<\\/script>"

所以： 

var script = '<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"><\/script>';
document.getElementsByTagName('head')[0].appendChild(script);

第二件事是appendChild()函数接受Node元素而不是字符串

所以： 

var script = document.createElement("script");
script.src = "http://code.jquery.com/jquery-1.9.1.min.js";
document.getElementsByTagName("head")[0].appendChild(script);

无论如何，我更喜欢使用像RequireJS这样的模块和JavaScript加载器。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 包含其他文件中的javascript和html代码 Google Chrome扩展程序包括Jquery和另一个自定义javascript文件 将Javascript文件包含在另一个javascript文件中并加载 如何将 javascript 文件包含到另一个 javascript 文件中？ 包含其他文件中的Javascript函数，但保留函数范围 如何在另一个 html 文件中包含 html 文件，然后通过 javascript jquery 警报结果 在露天的另一个javascript文件中包含.js文件 jQuery包含文件-分配给另一个页面的功能？ jquery .load() 将一个 html 文件包含到另一个不工作的文件中 我可以在JavaScript中包含其他源文件吗？
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM