异步动态加载js与css文件的js代码

例

方法1：

代码如下

点击(此处)折叠或打开

1. $.getscript("test.js")

方法2：

代码如下

点击(此处)折叠或打开

1. function loadjs(file){
   
2. 
   
3. var head = $('head').remove('#loadscript');
   
4. 
   
5. $("+"pt>"+"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto(head);
   
6. 
   
7. }

方法3：

代码如下

点击(此处)折叠或打开

1. $("+"pt>"+"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto($('head').remove('#loadscript'))

下面附一些js动态加载js,css文件的方法。

以下代码是摘自news.qq.com页面里的代码的,本人未进行测试,程序看着应该没有问题的,可以做为参考的,主要用来在网页底部位置,实现动态加载js文件到网页标签的后面,通过DOM来实现的,代码如下:

代码如下

点击(此处)折叠或打开

1. <script>
   
2. var SCRIPT_TIMEOUT = 20000;
   
3. var QVPL_PATH = "/QVPL1.0.0.js";
   
4. 
   
5. function loadHelper (jsurl) {
   
6. var oScriptEl, oTimeoutHDL, oHead;
   
7. oScriptEl = document.createElement("script");
   
8. oScriptEl.type = "text/javascript";
   
9. oScriptEl.language = "javascript";
   
10. oScriptEl.src = jsurl;
    
11. oScriptEl.onreadystatechange = doCallback;
    
12. 
    
13. oScriptEl.onload = function()
    
14. {
    
15. this.readyState = "complete";
    
16. doCallback();
    
17. if(typeof(lianbo) == "object"){
    
18. lianbo.init(window.QVPL);
    
19. }
    
20. };
    
21. 
    
22. oTimeoutHDL = window.setTimeout(doError,SCRIPT_TIMEOUT);
    
23. document.getElementsByTagName("head")[0].appendChild(oScriptEl);
    
24. //http://www.unitymanual.com/forum-job-1.html
    
25. function doCallback()
    
26. {
    
27. if (oScriptEl.readyState == "complete" || oScriptEl.readyState == "loaded")
    
28. {
    
29. oScriptEl.onload = oScriptEl.onreadystatechange = new Function();
    
30. window.clearTimeout(oTimeoutHDL);
    
31. }
    
32. };
    
33. 
    
34. function doError()
    
35. {
    
36. oScriptEl.parentNode.removeChild(oScriptEl);
    
37. };
    
38. }
    
39. 
    
40. loadHelper(QVPL_PATH);
    
41. </script>