Dynamically loading jsfunction loadscript (URL) {var script = document.createelement (' script '); script.type = ' text/javascript '; SCRIPT.SRC = Url;document.getelementsbytagname (' head ') [0].appendchild (script);} Dynamically loading cssfunction loadstyles (URL) {var link = document.createelement (' link '); link.rel = ' stylesheet '; link.type = ' text/ CSS '; link.href = Url;document.getelementsbytagname (' head ') [0].appendchild (link);} Dynamic execution Jsvar script = document.createelement (' script '); script.type = ' text/javascript '; var text = document.createTextNode ("alert (' Lee ')"); IE Browser error try{script.appendchild (text);} catch (e) {script.text = "alert (' Lee ')"}document.getelementsbytagname (' head ') [0].appendchild (script);//Dynamic Execution Cssvar style = document.createelement (' style '); style.type = ' text/css ';d ocument.getelementsbytagname (' head ') [0]. AppendChild (style); Insertrule (document.stylesheets[0], ' body ', ' background:red ', 0); function insertrule (sheet, Selectortext, csstext, position) {if (sheet.insertrule) {//w3c Sheet.insertrule (Selectortext +"{" + Csstext + "}", position);} else if (sheet.addrule) {//ie sheet.addrule (selectortext, csstext, Position);}}
Dynamically loading JavaScript and CSS