異步動態(tài)加載js與css文件的js代碼
jquery動態(tài)加載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動態(tài)加載js,css文件的方法。
以下代碼是摘自news.qq.com頁面里的代碼的,本人未進(jìn)行測試,程序看著應(yīng)該沒有問題的,可以做為參考的,主要用來在網(wǎng)頁底部位置,實現(xiàn)動態(tài)加載js文件到網(wǎng)頁<head>標(biāo)簽的后面,通過DOM來實現(xiàn)的,代碼如下:
代碼如下
<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>
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于ECharts地圖繪制和鉆取簡易接口的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用ECharts具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
js防抖具體實現(xiàn)以及詳細(xì)原理步驟說明(附實例)
節(jié)流和防抖這里兩個詞可能對一些初入JavaScript的同學(xué)比較陌生,下面這篇文章主要給大家介紹了關(guān)于js防抖具體實現(xiàn)以及詳細(xì)原理步驟的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
js實現(xiàn)為a標(biāo)簽添加事件的方法(使用閉包循環(huán))
這篇文章主要介紹了js實現(xiàn)為a標(biāo)簽添加事件的方法,基于閉包循環(huán)實現(xiàn)事件添加的功能,涉及javascript閉包與事件操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)加入購物車滑動軌跡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
有的時候我們希望對類成員(屬性,方法)進(jìn)行一定的訪問控制,來保證數(shù)據(jù)的安全,通過類修飾符可以做到這一點,目前typescript提供了四種修飾符,這篇文章主要給大家介紹了關(guān)于TypeScript只讀修飾符的相關(guān)資料,需要的朋友可以參考下2022-04-04
qrcode.js是一個使用比較多的js生成二維碼的插件，非常方便，接下來通過本文給大家分享使用JS 插件qrcode.js生成二維碼功能，需要的朋友參考下2017-02-02
下面的js代碼不管if條件的結(jié)果是true還是false都會執(zhí)行大括號的代碼，結(jié)果發(fā)現(xiàn)if條件括號后面多寫了分號，崩潰啊2013-11-11
js實現(xiàn)類似新浪微博首頁內(nèi)容漸顯效果的方法
這篇文章主要介紹了js實現(xiàn)類似新浪微博首頁內(nèi)容漸顯效果的方法,實例分析了漸顯效果的實現(xiàn)要點與方法,非常具有實用價值,需要的朋友可以參考下2015-04-04
本文主要分享了js實現(xiàn)百度搜索提示框的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JS的函數(shù)調(diào)用棧stack size的計算方法
本篇文章給大家分享了關(guān)于JS的函數(shù)調(diào)用棧stack size的計算方法的相關(guān)知識點，有興趣的朋友參考學(xué)習(xí)下。2018-06-06