jquery Dynamic Loading Css,js file method is simple,
Cases
Method 1:
The code is as follows |
Copy Code |
$.getscript ("Test.js");
|
Method 2:
The code is as follows |
Copy Code |
function Loadjs (file) { var head = $ (' head '). Remove (' #loadscript '); $ ("<scri" + "pt>" + "</SCR" + "ipt>"). attr ({src:file,type: ' text/javascript ', ID: ' Load '}). Appendto (head); } |
Method 3:
The code is as follows |
Copy Code |
$ ("<scri" + "pt>" + "</SCR" + "ipt>"). attr ({src:file,type: ' text/javascript ', ID: ' Load '}). Appendto ($ (' Head '). Remove (' #loadscript ')); |
Attached below are some JS dynamic loading Js,css file method.
The following code is excerpted from the news.qq.com page of the code, I did not test, the program should not look at the problem, you can do as a reference, mainly used in the bottom of the page position, to achieve dynamic loading of JS files to the Web page
The code is as follows |
Copy Code |
<script> var script_timeout = 20000; var Qvpl_path = "/qvpl1.0.0.js";
function Loadhelper (jsurl) { var Oscriptel, OTIMEOUTHDL, Ohead; Oscriptel = document.createelement ("script"); Oscriptel.type = "Text/javascript"; Oscriptel.language = "JavaScript"; OSCRIPTEL.SRC = jsurl; Oscriptel.onreadystatechange = DoCallback;
Oscriptel.onload = function () { This.readystate = "complete"; DoCallback (); if (typeof (Lianbo) = = "Object") { Lianbo.init (window. QVPL); } };
OTIMEOUTHDL = Window.settimeout (doerror,script_timeout); document.getElementsByTagName ("Head") [0].appendchild (Oscriptel);
function DoCallback () { if (oscriptel.readystate = = "complete" | | | oscriptel.readystate = = "Loaded") { Oscriptel.onload = Oscriptel.onreadystatechange = new Function (); Window.cleartimeout (OTIMEOUTHDL); } };
function Doerror () { OScriptEl.parentNode.removeChild (Oscriptel); }; }
Loadhelper (Qvpl_path); </script> |