异步动态加载js与css文件的js代码
2013-09-15 00:00
721 查看
jquery动态加载css,js文件方法简单很,
例
方法1:
代码如下
方法2:
代码如下
方法3:
代码如下
下面附一些js动态加载js,css文件的方法。
以下代码是摘自news.qq.com页面里的代码的,本人未进行测试,程序看着应该没有问题的,可以做为参考的,主要用来在网页底部位置,实现动态加载js文件到网页<head>标签的后面,通过DOM来实现的,代码如下:
代码如下
例
方法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代码
- JS 动态加载js文件和css 文件 同步/异步 两种方式
- 动态加载、移除js/css文件的示例代码
- JS 动态加载js文件和css文件 同步/异步的两种简单方式
- ASP.net动态加载JS代码与CSS文件
- 如何使用jquery动态加载js,css文件实现代码
- 如何使用jquery动态加载js,css文件实现代码
- 在Asp.Net头部动态加载css和js文件的方法(转)
- js动态加载css和js文件
- 使用javaScript动态加载Js文件和Css文件
- js代码加载外部css和js文件
- jquery动态加载js/css文件方法(自写小函数)
- 动态加载js和css(外部文件)
- JavaScript 之 动态加载JS代码或JS文件
- 用JavaScript动态加载CSS和JS文件
- 异步动态加载JS并运行(示例代码)
- 比较简单的异步加载JS文件的代码
- ASp.net动态加载js和css文件
- 使用javaScript动态加载Js文件和Css文件
- 如何实现JavaScript动态加载CSS和JS文件