首頁 > 開發者 > CSS

js非同步動態載入js與css檔案代碼

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

jquery動態載入css,js檔案方法簡單很，

例

方法1：

 代碼如下 複製代碼
$.getscript("test.js");

方法2：

 代碼如下 複製代碼

function loadjs(file){  

     var head = $('head').remove('#loadscript'); 

    $("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto(head); 

}

方法3：

 代碼如下 複製代碼

$("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto($('head').remove('#loadscript'));

下面附一些js動態載入js,css檔案的方法。

以下代碼是摘自news.qq.com頁面裡的代碼的,本人未進行測試,程式看著應該沒有問題的,可以做為參考的,主要用來在網頁底部位置,實現動態載入js檔案到網頁<head>標籤的後面,通過DOM來實現的,代碼如下:

 代碼如下 複製代碼

<script>
 var SCRIPT_TIMEOUT = 20000;
 var QVPL_PATH = "/QVPL1.0.0.js";
 
 function loadHelper (jsurl) {
 var oScriptEl, oTimeoutHDL, oHead;
 oScriptEl = document.createElement("script");
 oScriptEl.type = "text/javascript";
 oScriptEl.language = "javascript";
 oScriptEl.src = jsurl;
 oScriptEl.onreadystatechange = doCallback;
 
 oScriptEl.onload = function()
 {
 this.readyState = "complete";
 doCallback();
 if(typeof(lianbo) == "object"){
 lianbo.init(window.QVPL);
 }
 };
 
 oTimeoutHDL = window.setTimeout(doError,SCRIPT_TIMEOUT);
 document.getElementsByTagName("head")[0].appendChild(oScriptEl);
 
 function doCallback()
 {
 if (oScriptEl.readyState == "complete" || oScriptEl.readyState == "loaded")
 {
 oScriptEl.onload = oScriptEl.onreadystatechange = new Function();
 window.clearTimeout(oTimeoutHDL);
 }
 };
 
 function doError()
 {
 oScriptEl.parentNode.removeChild(oScriptEl);
 };
 }
 
 loadHelper(QVPL_PATH);
 </script>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
keystone js js encode js min js php js serialize js today serialize js
相關文章
css實現滑鼠滑過改變文字(中文變英文)
selenium使用Xpath+CSS+JavaScript+jQuery的定位方法（治療selenium各種定位不到，點...
使用CSS巧妙地製作背景色漸層動畫執行個體
詳解css display屬性中常見的四個屬性值用法（代碼執行個體）
CSS修改iframe內的樣式問題
如何用CSS改變上劃線、底線以及刪除線的顏色呢？

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More