动态加载script 和 link
1.script
1 EventUtil.addHandler(window, "load", function(event){ 2 var script = document.createElement("script"); 3 4 EventUtil.addHandler(script, "readystatechange", function(event){ 5 event=EventUtil.getEvent(event); 6 var target = EventUtil.getTarget(event); 7 if(target.readyState == "loaded" || target.readyState == "complete"){ 8 EventUtil.removeHandler(target, "readystatechange", arguments.callee); 9 //alert("script loaded"); 10 } 11 }); 12 13 script.src = "example.js"; 14 document.body.appendChild(script); 15 })
2.link
1 EventUtil.addHandler(window, "load", function(event){ 2 var link = document.createElement("link"); 3 link.type = "text/css"; 4 link.rel = "stylesheet"; 5 EventUtil.addHandler(link, "readystatechange", function(event){ 6 event=EventUtil.getEvent(event); 7 var target = EventUtil.getTarget(event); 8 if(target.readyState == "loaded" || target.readyState == "complete"){ 9 EventUtil.removeHandler(target, "readystatechange", arguments.callee); 10 //alert("css loaded"); 11 } 12 }); 13 14 link.href = "example.css"; 15 document.getElementsByTagName("head")[0].appendChild(link); 16 })