堆棧內存溢出
  簡體   English   中英

包含來自另一個JavaScript文件的jQuery

[英]Include jQuery from another JavaScript file

 原文  2013-05-03 23:27:43  2   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