Chinaunix首页 | 论坛 | 博客
  • 博客访问: 317272
  • 博文数量: 128
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 1611
  • 用 户 组: 普通用户
  • 注册时间: 2013-08-19 11:49
文章分类

全部博文(128)

文章存档

2018年(2)

2016年(2)

2014年(10)

2013年(114)

我的朋友

分类: JavaScript

2013-09-16 11:17:12

方法1:

代码如下

点击(此处)折叠或打开

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

方法2:

代码如下

点击(此处)折叠或打开

  1. function loadjs(file){

  2. var head = $('head').remove('#loadscript');

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

  4. }

方法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. function loadHelper (jsurl) {
  5. var oScriptEl, oTimeoutHDL, oHead;
  6. oScriptEl = document.createElement("script");
  7. oScriptEl.type = "text/javascript";
  8. oScriptEl.language = "javascript";
  9. oScriptEl.src = jsurl;
  10. oScriptEl.onreadystatechange = doCallback;

  11. oScriptEl.onload = function()
  12. {
  13. this.readyState = "complete";
  14. doCallback();
  15. if(typeof(lianbo) == "object"){
  16. lianbo.init(window.QVPL);
  17. }
  18. };

  19. oTimeoutHDL = window.setTimeout(doError,SCRIPT_TIMEOUT);
  20. document.getElementsByTagName("head")[0].appendChild(oScriptEl);
  21. //
  22. function doCallback()
  23. {
  24. if (oScriptEl.readyState == "complete" || oScriptEl.readyState == "loaded")
  25. {
  26. oScriptEl.onload = oScriptEl.onreadystatechange = new Function();
  27. window.clearTimeout(oTimeoutHDL);
  28. }
  29. };

  30. function doError()
  31. {
  32. oScriptEl.parentNode.removeChild(oScriptEl);
  33. };
  34. }

  35. loadHelper(QVPL_PATH);
  36. </script>

阅读(768) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~