js?判斷js,css是否引入，確保不重復引入

?(2009-10-31 21:33:44) 轉載▼

標簽：? 雜談 ?

分類：?js

基本原理：
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
??var fileref=document.createElement_x('script')
??fileref.setAttribute("type","text/javascript")
??fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
??var fileref=document.createElement_x("link")
??fileref.setAttribute("rel", "stylesheet")
??fileref.setAttribute("type", "text/css")
??fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
??document.getElementsByTagName_r("head")[0].appendChild(fileref)
}

loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") dynamically load and add this .css file

注意點：
默認掛在dom的第一個節點下，要保證不影響原有的頁面的邏輯。
防止重復加載。
var filesadded="" //list of files already added

function checkloadjscssfile(filename, filetype){
if (filesadded.indexOf("["+filename+"]")==-1){
??loadjscssfile(filename, filetype)
??filesadded+="["+filename+"]" //List of files added in the form "[filename1],[filename2],etc"
}
else
??alert("file already added!")
}

checkloadjscssfile("myscript.js", "js") //success
checkloadjscssfile("myscript.js", "js") //redundant file, so file not added



我自己寫的例子如下：
isexist這個變量要定義在需要引入的js里，用typeof去檢測改變量是否存在？如果等于undefined，說明不存在，那就引入外部js,否則，就不引入！
????if(typeof(isexist) == 'undefined')
????{
????????var fileref = document.createElement_x('script');
????????fileref.setAttribute("type","text/javascript");
?????????fileref.setAttribute("src","<?php echo $html->url('/')?>js/valide.js");
????????document.getElementsByTagName_r("head")[0].appendChild(fileref);
????????
????}

轉載于:https://www.cnblogs.com/lxg0/articles/5541908.html

總結

以上是生活随笔為你收集整理的js 判断js,css是否引入，确保不重复引入的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。