Maison > interface Web > js tutoriel > 异步动态加载js与css文件的js代码_javascript技巧

异步动态加载js与css文件的js代码_javascript技巧

WBOY
Libérer: 2016-05-16 17:22:31
original
1259 Les gens l'ont consulté

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>
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal