网页特效-避免浏览器使用缓存加载页面

描述：

  浏览器的缓存是一把“双刃剑”，它在加速网页浏览速度的同时，也可能会影响到Web开发人员的效率。有时我们也希望浏览器每次都是完全重新读取一个网页

代码:

<!DOCTYPE html>
<html>
    <head>
        <title>避免浏览器使用缓存加载页面</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <script type="text/javascript">
            //加载完成以后的回调函数
            function myOnLoad(){
                //获取到所有的超级连接DOM
                var links = document.getElementsByTagName('a');
                for(var i=0; i<links.length; i++){    //遍历
                    var link = links[i];            //得到当前的链接的DOM
                    var href = link.href;            //链接的地址
                    if(href.indexOf('?') > -1){        //地址中是否已经包含了参数
                        //修改链接的地址，加上一个参数：当前时间的毫秒数
                        href += '&time=' + new Date().getTime();
                    }else{
                        href += '?time=' + new Date().getTime();
                    }
                    link.href = href;                //赋新的地址
                }
            }
            //使用window的onload元素进行回调处理
            window.onload = myOnLoad;
        </script>
    </head>
    <body style="text-align:center">
        <p>
            <!-- 定义网页的超级链接 -->
            <a href="a.html">链接一</a>
            <a href="b.html">链接二</a>
        </p>
    </body>
</html>

 

posted @ 2016-09-20 16:29  承载梦想-韩旭明  阅读(611)  评论(0)  编辑  收藏  举报