100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 异步动态加载js与css文件的js代码【javascript】

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

时间:2021-06-15 17:52:58

相关推荐

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

web前端|js教程

异步动态加载,js,css

web前端-js教程

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

方法1:

代码如下

影视带会员充值源码,ubuntu转换用户,tomcat部署任意文件夹,知网期刊爬虫,PHP代码用什么开始用什么结束,seo前世今生lzw

$.getscript("test.js");

方法2:

代码如下

虫虫asp建站源码,ubuntu统计代码行数,python 系统的爬虫,php storm 皮肤,附子seo算法lzw

function loadjs(file){

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

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

}

方法3:

代码如下

微信开发源码,vscode连接远程数据库,ubuntu 强制启动,通过tomcat获取图片,爬虫语言英语,php教师管理系统,网络seo优化诚信为本,网站广告源码lzw

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

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

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

代码如下

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。