首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2016-05-16 17:22:31
原创
1212 人浏览过

jquery动态加载css,js文件方法简单很,

方法1:

代码如下

复制代码 代码如下:

$.getscript("test.js");

方法2:

代码如下

复制代码 代码如下:

function loadjs(file){

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

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

}

方法3:

代码如下

复制代码 代码如下:

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

 

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

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

标签的后面,通过DOM来实现的,代码如下:

代码如下

复制代码 代码如下:

<script><BR>var SCRIPT_TIMEOUT = 20000;<BR>var QVPL_PATH = "/QVPL1.0.0.js"; <P>function loadHelper (jsurl) {<BR>var oScriptEl, oTimeoutHDL, oHead;<BR>oScriptEl = document.createElement("script");<BR>oScriptEl.type = "text/javascript";<BR>oScriptEl.language = "javascript";<BR>oScriptEl.src = jsurl;<BR>oScriptEl.onreadystatechange = doCallback; <P>oScriptEl.onload = function()<BR>{<BR>this.readyState = "complete";<BR>doCallback();<BR>if(typeof(lianbo) == "object"){<BR>lianbo.init(window.QVPL);<BR>}<BR>}; <P>oTimeoutHDL = window.setTimeout(doError,SCRIPT_TIMEOUT);<BR>document.getElementsByTagName("head")[0].appendChild(oScriptEl); <P>function doCallback()<BR>{<BR>if (oScriptEl.readyState == "complete" || oScriptEl.readyState == "loaded")<BR>{<BR>oScriptEl.onload = oScriptEl.onreadystatechange = new Function();<BR>window.clearTimeout(oTimeoutHDL);<BR>}<BR>}; <P>function doError()<BR>{<BR>oScriptEl.parentNode.removeChild(oScriptEl);<BR>};<BR>} <P>loadHelper(QVPL_PATH);<BR></script>
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板