手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >异步动态加载js与css文件的js代码
异步动态加载js与css文件的js代码
摘要:jquery动态加载css,js文件方法简单很,例方法1:代码如下复制代码代码如下:$.getscript("test.js");方法2:代...

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

方法1:

代码如下

复制代码 代码如下:

$.getscript("test.js");

方法2:

代码如下

复制代码 代码如下:

function loadjs(file){

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

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

}

方法3:

代码如下

复制代码 代码如下:

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

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

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

代码如下

复制代码 代码如下:

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

【异步动态加载js与css文件的js代码】相关文章:

JavaScript动态添加style节点的方法

jquery合并表格中相同文本的相邻单元格

实现DIV圆角的JavaScript代码

js实现异步循环实现代码

原生JS和JQuery动态添加、删除表格行的方法

将HTML自动转为JS代码

7个有用的jQuery代码片段分享

你一定会收藏的Nodejs代码片段

JS动态增删表格行的方法

鼠标图片振动代码

精品推荐
分类导航