异步动态加载js与css文件的js代码
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代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了如何利用HTML、CSS 和 JavaScript 制作纸牌记忆游戏，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起动手尝试一下2022-04-04
typescript环境安装并开启VSCode自动监视编译ts文件为js文件
这篇文章主要介绍了安装typescript环境并开启VSCode自动监视编译ts文件为js文件,本文教大家最基础的安装和配置自动监视ts文件编译成js文件，需要的朋友可以参考下2022-06-06
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
javascript小组件 原生table排序表格脚本 兼容ie firefox opera chrome,需要的朋友可以参考下2012-07-07
下面小编就为大家带来一篇让DIV的滚动条自动滚动到最底部的3种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
我们有时会看到有些网站最顶部一直会跟着我们滚动而滚动了，这种方法其实很简单，下面我来给大推荐一个javascript实现div浮动在网页最顶上并带关闭按钮效果2013-08-08
这篇文章主要为大家详细介绍了swiper自定义分页器的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
验证码功能真的无处不在，为了提高网站的安全性，验证码功能是必要的环节，今天小编通过本文给大家分享js登录验证码的实现，感兴趣的朋友跟着小编一起学习吧2016-10-10
这篇文章主要给大家介绍了关于Javascript循环删除数组中元素的几种方法，文中给出了详细的示例代码供大家参考学习，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-05-05
这篇文章主要介绍了JS自动生成动态HTML验证码页面，输入错误自动清空输入框的功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
最新评论