学步园

在Web网站中,有时候修改图片显示仍然不是最新的,这是由于浏览器对图片的缓存造成.

1.给图片url添加随机数参数,使浏览器每次重新请求图片(但是在IE浏览器中,缓存有可能还是不能清除,可以使用下面第二种方法)

HTML代码:
<div class="login_main">
        <div class="login_ptxt">
            <div class="login_p">
             <img alt=\"用户头像\"/>
             </div>
          </div>
</div>

$(".login_main .login_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl
为图片URL

2.第二种方法:动态添加img元素

HTML代码:
<div class="login_main">
        <div class="login_ptxt">
            <div class="login_p">
            <!--动态添加img标签-->
             </div>
          </div>
</div>

$(".login_main .login_p").append("<img alt=\"用户头像\"/>");

$(".login_main .login_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl
为图片URL