Preload CSS/JavaScript预加载

希望达到效果是页面第一次载入以后,如果在次刷新页或者进入下一个页面,则css,js和图片都不会再次加载。

网上代码:
window.onload = function () {
var i = 0, max = 0, o = null,
// list of stuff to preload
preload = [
'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png',
'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.js',
'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.css'
],
isIE = navigator.appName.indexOf('Microsoft') === 0;

for (i = 0, max = preload.length; i < max; i += 1) {
if (isIE) {
new Image().src = preload[i];
continue;
}
// new Image().src 不能在Firefox中使用,是因为Firefox会对图片执行单独的缓存。
// 动态插入的 object 标签需要插入到非 head部分,才触发加载。
//IE7/8也可以通过一些代码使用动态object加载文件。但是object通常降低效率。
o = document.createElement('object');
o.data = preload[i];

// IE stuff, otherwise 0x0 is OK
//o.width = 1;
//o.height = 1;
//o.style.visibility = "hidden";
//o.type = "text/plain"; // IE

o.width = 0;
o.height = 0;

// only FF appends to the head
// all others require body
document.body.appendChild(o);
}
};

参考:
[url]http://www.memonic.com/user/pneff/set/javascript/id/1pCru[/url]
[url]http://www.joy-studio.com/frontend-develop/javascript-preload-css-js-image.html[/url]
[url]http://www.javascriptbank.com/javascript/article/how-to/best-ways-preload-image-javascript-css-ajax/preview/en/[/url]
[url]http://www.qianduan.net/pure-css-image-preloader.html[/url]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值