相信使用ie渲染页面的开发者肯定遇到过ie缓存问题到来的痛苦,我也曾经遇到过,曾经通过在链接后面加个随记数的方式处理的,还有就是设置几个头参数的方式处理,

后面一直就没遇到其他问题,所以就一直没深究,可是今天在做echarts统计图时却遇到了一个问题,所以特此记录下来,以免下次又不知道怎么处理了。

先来看下效果图:

以下是不正常效果:


代码分析:

iframe缓存问题处理

以下是给iframe地址添加时间戳的代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function timestamp() {
    return 't='+new Date().getTime()+''+Math.floor(Math.random()*9999+1000);
}
//在URL上设置时间戳
function setUrlStamp(url)
{
    url = url.replace(/(^\s*)|(\s*$)/g,'');
    if(url.indexOf("t=") == -1)
    {
        if(url.indexOf("?") != -1)
        {
            url = url+"&"+timestamp();
        }else
        {
            url = url+"?"+timestamp();
        }
    }
    return url;
}
$("#contentPage").attr("src",setUrlStamp('${ctx }/platform/pages/index/frame/syMenu.jsp'));
浏览 528 评论 0 赞 0 砸 0 标签: 前端兼容性 echarts
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款