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>