要在一个按钮上加载一个js文件里的代码,这个对我来说还真是有点难,刚刚能写几句js的我,面对这个问题,手足无措。于是,去请教同事,在同事的帮助下,写完了一段原生的加载js代码的片段。
(function(){
function createStandardXHR() {
try {
return new window.XMLHttpRequest();
} catch( e ) {}
}
function createActiveXHR() {
try {
return new window.ActiveXObject( "Microsoft.XMLHTTP" );
} catch( e ) {}
}
var xhr = window.ActiveXObject ?
function() {
return !this.isLocal && createStandardXHR() || createActiveXHR();
} :
createStandardXHR();
xhr.onreadystatechange=function() {
if (xhr.readyState==4) {
if((xhr.status >= 200 && xhr.status <= 300) || xhr.status == 304){
eval(xhr.responseText);
}
}
}
xhr.open('get','url',false);
xhr.send(null);
})();
用ajax请求去请求js里的代码,这段代码我要消化一会儿。
另一个同事看完我们写的这段代码,说这样子去请求不好,还涉及到跨域的问题。(跨域,我要上网查了,嘻嘻)他建议我去创建一个element对象,然后拼一个script标签出来。嗯,这个主意不错。
(function loadScript(url){
var script = document.createElement("script");
script.type = "text/javascript";
script.setAttribute('charset','utf-8')
var d=new Date(),token = d.getFullYear()+ '' + (d.getMonth()+ 1) + '' + d.getDate();
script.src = "url?" + token;
document.body.appendChild(script);
})();
分享到:
相关推荐
大图片分块加载JS代码
类似淘宝图片加载JS代码 可以减少服务器负担
页面延迟加载源码下载,图片延迟加载源码下载,jquery页面延迟加载,页面延迟加载技术实现分析
如果你是自己想写分页,或者用bootStrap的分页按钮。这段代码应该有帮助的。
如果网页中存在大量的javascript代码会极大的影响网页的访问速度,下面就简单介绍一下如何处理此问题。 一.延时加载js文件: 可以使用定时器函数setTimeout()让外部的js文件延迟加载,例如: [removed][removed] ...
本文介绍了如何延迟javascript代码的加载,加快网页的访问速度。 当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点: ...
本文档把js加载做成vue组件,便于在其他模块引用,符合vue整体思路,供大家参考借鉴
网页进度条能够更好的...因此我们需要通过html代码逐行加载的特性,在整页代码的若干个跳跃行数中设置节点,进行大概的模糊进度反馈来实现进度加载的效果。大致意思是:页面每加载到指定区域,则返回(n)%的进度结果,
js加载的速度直接影响页面显示速度,此代码可减少页面打开时的空白时间
动态加载js,/**使用方法 * var jsLoader=new JsLoader(); *sLoader.onsuccess=function(){}成功时执行的方法 *jsLoader.onfailure=function(){}失败时执行的方法 * jsLoader.load("hello.js"); **/
jQuery滑动加载进度条代码是一款简单实用的动态进度条加载特效代码,支持更改颜色以及用图片替代。
Google的跟踪代码 动态加载js代码,需要的朋友可以参考下
页面加载 带旋转特效的js代码 页面加载 带旋转特效的js代码
jQuery通过分页加载图片列表代码是一款通过分页按钮控制动态加载图片列表代码。
从网上找来的很实用的图片预加载js代码,加载即可,用起来很方便哦
ArcGIS API for JavaScript加载百度地图代码ArcGIS API for JavaScript加载百度地图代码ArcGIS API for JavaScript加载百度地图代码
lazyload图片预加载js文件盒相关示例代码
当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点: 1、延迟加载js代码 代码如下: [removed][removed] [removed] ...