Dynamic Loading of CSS and JS files in Javascript

I. Dynamic Loading of CSS files

 
FunctionLoadcss (cssurl, attachtotopwindow ){VaR$ Head = attachtotopwindow? Top. $ ('head'): $ ('head');If($ ("Link [href = '" + cssurl + "']"). Length = 0) {$ ("<Link>"). Appendto ($ head)//* Note *: you must first add it to the DOM tree.. ATTR ({type: 'text/CSS ', Rel: 'stylesheet '})//Then set the href attribute. Otherwise, it may be. ATTR ('href ', cssurl );//This CSS file does not take effect}}
 

 

Ii. Dynamic Loading of JS files

 
FunctionLoadjs (jsurl, errorcallback) {$. Ajax ({URL: jsurl, type:'Get', Cache:False, Async:False, Error:Function(){If(Errorcallback &&$. Isfunction (errorcallback) {errorcallback ();}}});}
 

the above method is to synchronously load JS files. If JavaScript files are loaded asynchronously, you can directly use jquery's $. the getscript (URL, callback) method is essentially Ajax, but asynchronous.