j2ee web应用指定页面自动切换到IE兼容性视图

最新推荐文章于 2020-12-01 17:09:16 发布

原创最新推荐文章于 2020-12-01 17:09:16 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #web #iframe #internet #脚本 #function

电子商务专栏收录该内容

0 篇文章

订阅专栏

本文记录了一次在公司项目中遇到的iframe框架导致页面无法访问的问题，详细介绍了错误现象及原因分析，并给出了一种使页面向下兼容IE7的解决方案。

2012年10月15日，在公司项目下发演练中发现项目的表单竟然出现很到无法访问的问题，之后切换到生产环境下结果发现原来生产环境也存在这个问题。

正常情况下的表单

点击红色方框中的文字时，会出现页面无法访问的情况，截图如下

出现错误的截图

出现这个错误的原因是我使用了iframe框架：

<iframe id="FM_Content" class="right" name="FM_Name" width="100%" height="100%" onload="TuneHeight()" scrolling="no" src="${ctx}/common/ok.html"></iframe>

以下是我的TuneHeight（）脚本：

function TuneHeight(){
    var frame=document.getElementById("FM_Content");
    var subWeb=frame.contentWindow.document;
    if(frame!=null&&subWeb!=null){
        frame.style.height=subWeb.body.scrollHeight+"px";
        subWeb.body.style.overflowX="hidden";
        subWeb.body.style.overflowY="auto";
   }
 }

调试信息

这是使用iframe遭遇document对象无法访问的例子，并且自认为脚本不存在跨域行为！目前我的临时解决办法是使其向下兼容IE7,通过在用问题的页面加上：

<html>
<head>
  <!-- Mimic Internet Explorer 7 -->
 
<meta http-equiv="X-UA-Compatible" content="IE=7" >


  <title>this just a test</title>
</head>
<body>
  <p>Content</p>
</body>
</html>

注意<meta>元素应置于除了title和其他meta元素以外的顶端。