JS asynchronous dynamic loading JS and CSS file code

jquery Dynamic Loading Css,js file method is simple,

Cases

Method 1:

The code is as follows

$.getscript ("Test.js");

Method 2:

The code is as follows

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

$ ("<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

<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>