javascript實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入js與css等靜態(tài)資源文件的方法
本文實(shí)例講述了javascript實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入js與css等靜態(tài)資源文件的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
/**
* 動(dòng)態(tài)導(dǎo)入靜態(tài)資源文件js/css
*/
var $import = function(){
return function(rId, res, callback){
if(res && 'string' == typeof res){
if(rId){
if($($('#' + rId), $('head')).length>0){
return;
}
}
//加載資源文件
var sType = res.substring(res.lastIndexOf('.') + 1);
// 支持js/css
if(sType && ('js' == sType || 'css' == sType)){
var isScript = (sType == 'js');
var tag = isScript ? 'script' : 'link';
var head = document.getElementsByTagName('head')[0];
// 創(chuàng)建節(jié)點(diǎn)
var linkScript = document.createElement(tag);
linkScript.type = isScript ? 'text/javascript' : 'text/css';
linkScript.charset = 'UTF-8';
if(!isScript){
linkScript.rel = 'stylesheet';
}
isScript ? linkScript.src = res : linkScript.href = res;
if(callback && 'function' == typeof callback){
if (linkScript.addEventListener){
linkScript.addEventListener('load', function(){
callback.call();
}, false);
} else if (linkScript.attachEvent) {
linkScript.attachEvent('onreadystatechange', function(){
var target = window.event.srcElement;
if (target.readyState == 'complete') {
callback.call();
}
});
}
}
head.appendChild(linkScript);
}
}
};
}();
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- 用javascript將數(shù)據(jù)導(dǎo)入Excel示例代碼
- 導(dǎo)入extjs、jquery 文件時(shí)$使用沖突問(wèn)題解決方法
- 如何動(dòng)態(tài)的導(dǎo)入js文件具體該怎么實(shí)現(xiàn)
- js導(dǎo)入導(dǎo)出excel(實(shí)例代碼)
- JS實(shí)現(xiàn)為排序好的字符串找出重復(fù)行的方法
- JavaScript字符串刪除重復(fù)字符的方法
- JSP針對(duì)表單重復(fù)提交的處理方法
- JavaScript去除數(shù)組里重復(fù)值的方法
- javascript實(shí)現(xiàn)避免頁(yè)面按鈕重復(fù)提交
- js實(shí)現(xiàn)不重復(fù)導(dǎo)入的方法
相關(guān)文章
打豆豆小游戲 用javascript編寫(xiě)的[打豆豆]小游戲
用javascript 寫(xiě)了一個(gè)打豆豆的游戲,至于怎么玩的就不細(xì)說(shuō)了,到網(wǎng)上搜一下就知道了,很簡(jiǎn)單,感興趣的朋友可以了解下哦2013-01-01
JavaScript如何實(shí)現(xiàn)LRU緩存淘汰算法
LRU(Least Recently Used)緩存淘汰算法是一種常見(jiàn)的緩存淘汰策略,它的核心思想是優(yōu)先淘汰最近最少使用的緩存數(shù)據(jù),以保證緩存中的數(shù)據(jù)始終是最熱門(mén)的。本文主要介紹了一些關(guān)于如何實(shí)現(xiàn)LRU緩存淘汰算法的方法,感興趣的小伙伴可以參考一下2023-04-04
webpack學(xué)習(xí)--webpack經(jīng)典7分鐘入門(mén)教程
這篇文章主要介紹了webpack學(xué)習(xí)--webpack經(jīng)典7分鐘入門(mén)教程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
JavaScript 網(wǎng)頁(yè)中實(shí)現(xiàn)一個(gè)計(jì)算當(dāng)年還剩多少時(shí)間的倒數(shù)計(jì)時(shí)程序
這篇文章主要介紹了JavaScript 網(wǎng)頁(yè)中實(shí)現(xiàn)一個(gè)計(jì)算當(dāng)年還剩多少時(shí)間的倒數(shù)計(jì)時(shí)程序,需要的朋友可以參考下2017-01-01
js+css實(shí)現(xiàn)有立體感的按鈕式文字豎排菜單效果
這篇文章主要介紹了js+css實(shí)現(xiàn)有立體感的按鈕式文字豎排菜單效果,通過(guò)javascript動(dòng)態(tài)調(diào)用頁(yè)面元素樣式實(shí)現(xiàn)豎排菜單的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09

