在工作中每次修改样式之后都需要手动刷新浏览器,有时候可能由于忘记刷新导致一些低级的错误,为了简化开发任务,我们可以通过程序实现自动加载css文件,这样可以免去刷新n多个浏览器的问题了。
程序代码如下:
/* *这段程序可以定时重新加载页面中所有link引入的css文件 *params:pertime为每多少毫秒重新加载 * */ function autorefreshcss(pertime){ var links = document.getElementsByTagName("link"); var auto = function(links){ var linkslen = links.length; for(var i = 0; i < linkslen; i++){ var perlink = links[i], prelinkhre = ''; if(perlink.href.indexOf("?") == -1) { perlink.href += '?' + gettime(); } else { prelinkhre = perlink.href.slice(0, perlink.href.lastIndexOf('?')); perlink.href = prelinkhre + '?' + gettime(); } } } setInterval(function(){auto(links);}, pertime); } //获取时间戳 function gettime(){ var time = new Date(); return time.getTime(); } //使用方式 window.onload = function(){ autorefreshcss(1000); }
程序有待优化,希望大家不要笑话本人的代码,由于能力有限,只能写成这个样子了。还望大家多多指正。
转载于:https://blog.51cto.com/wangbei/1337976