चेक this, this और this
शीर्ष लिंक से, गतिशील रूप से जोड़ने के लिए जे एस या सीएसएस:
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('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("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("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
इसके अलावा, गतिशील रूप से दूर करने के लिए जे एस या सीएसएस:
function removejscssfile(filename, filetype){
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
var allsuspects=document.getElementsByTagName(targetelement)
for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
}
}
removejscssfile("somescript.js", "js") //remove all occurences of "somescript.js" on page
removejscssfile("somestyle.css", "css") //remove all occurences "somestyle.css" on page
लेकिन हटाने के बारे में ध्यान दें:
तो जब आप बाहरी जावास्क्रिप्ट या सीएसएस फ़ाइल को हटाते हैं तो वास्तव में क्या होता है? शायद पूरी तरह से आप वास्तव में क्या उम्मीद करेंगे। जावास्क्रिप्ट के मामले में, जबकि तत्व पेड़ से हटा दिया गया है, बाहरी जावास्क्रिप्ट फ़ाइल के हिस्से के रूप में लोड किया गया कोई भी कोड ब्राउज़र की स्मृति में रहता है। यही कारण है कि यह है कि जब बाहरी फ़ाइल पहले लोड
स्रोत
2012-02-24 05:39:34
धन्यवाद माइकी असल में मैंने jQuery द्वारा ऐसा किया और यह ठीक काम कर रहा है, लेकिन मैंने इसे फायरबग में चेक किया है, यह स्क्रिप्ट टैग प्रदर्शित नहीं कर रहा है इसलिए मुझे भ्रमित हो गया। लेकिन यह कार्यक्षमता के रूप में काम कर रहा कार्यक्षमता :) एक बार फिर धन्यवाद – Tarun