異步動(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頁面里的代碼的,本人未進(jìn)行測(cè)試,程序看著應(yīng)該沒有問題的,可以做為參考的,主要用來在網(wǎng)頁底部位置,實(shí)現(xiàn)動(dòng)態(tài)加載js文件到網(wǎng)頁<head>標(biāo)簽的后面,通過DOM來實(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)文章
這篇文章介紹了判定是否原生方法的JS代碼，有需要的朋友可以參考一下2013-11-11
基于HTML+CSS+JS實(shí)現(xiàn)紙牌記憶游戲
這篇文章主要介紹了如何利用HTML、CSS?和?JavaScript?制作紙牌記憶游戲，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起動(dòng)手嘗試一下2022-04-04
typescript環(huán)境安裝并開啟VSCode自動(dòng)監(jiān)視編譯ts文件為js文件
這篇文章主要介紹了安裝typescript環(huán)境并開啟VSCode自動(dòng)監(jiān)視編譯ts文件為js文件,本文教大家最基礎(chǔ)的安裝和配置自動(dòng)監(jiān)視ts文件編譯成js文件，需要的朋友可以參考下2022-06-06
javascript小組件 原生table排序表格腳本(兼容ie firefox opera chrome)
javascript小組件 原生table排序表格腳本 兼容ie firefox opera chrome,需要的朋友可以參考下2012-07-07
讓DIV的滾動(dòng)條自動(dòng)滾動(dòng)到最底部的3種方法(推薦)
下面小編就為大家?guī)硪黄孌IV的滾動(dòng)條自動(dòng)滾動(dòng)到最底部的3種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
javascript實(shí)現(xiàn)div浮動(dòng)在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果實(shí)例
我們有時(shí)會(huì)看到有些網(wǎng)站最頂部一直會(huì)跟著我們滾動(dòng)而滾動(dòng)了，這種方法其實(shí)很簡(jiǎn)單，下面我來給大推薦一個(gè)javascript實(shí)現(xiàn)div浮動(dòng)在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果2013-08-08
這篇文章主要為大家詳細(xì)介紹了swiper自定義分頁器的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
JavaScript登錄驗(yàn)證碼的實(shí)現(xiàn)
驗(yàn)證碼功能真的無處不在，為了提高網(wǎng)站的安全性，驗(yàn)證碼功能是必要的環(huán)節(jié)，今天小編通過本文給大家分享js登錄驗(yàn)證碼的實(shí)現(xiàn)，感興趣的朋友跟著小編一起學(xué)習(xí)吧2016-10-10
Javascript循環(huán)刪除數(shù)組中元素的幾種方法示例
這篇文章主要給大家介紹了關(guān)于Javascript循環(huán)刪除數(shù)組中元素的幾種方法，文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-05-05
JS自動(dòng)生成動(dòng)態(tài)HTML驗(yàn)證碼頁面
這篇文章主要介紹了JS自動(dòng)生成動(dòng)態(tài)HTML驗(yàn)證碼頁面，輸入錯(cuò)誤自動(dòng)清空輸入框的功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06