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