2011-12-01 32 views
1

我有一个父页面,其中有一个iframe,也有javascript它将创建一个表单,将它附加到iframe,并在页面加载时通过POST将其提交给外部URL。IE9不在ASP.NET应用程序中呈现iframe

来自外部URL的内容随后加载到iframe中。这在所有浏览器中都可以正常工作,除了IE9。 我尝试了'meta http-equiv="X-UA-Compatible" content="IE=8" '的伎俩,这并没有帮助。有时iframe呈现内容,有时不会刷新。每次(每次页面加载)都会触发的JavaScript显示中的调试语句,Fiddler会显示对外部URL的成功请求/响应。就好像IE9有选择地决定是否更新DOM。

此外,我已经注意到,如果有任何形式的延迟与外部请求(需要几秒钟),然后iframe内容不会呈现。有没有人经历过这与IE9和有一个解决方案?

<iframe frameborder="0" height="600px" id="ifPage" runat="server" width="700px" /> 

<script type="text/javascript" language="javascript"> 
var alreadyrunflag = 0 //flag to indicate whether target function has already been run 

if (document.addEventListener) {//FireFox or Sarafi 
    document.addEventListener("DOMContentLoaded", function() { alreadyrunflag = 1; GetExternalPageContent() }, false) 
} 
else if (document.all && !window.opera) 
{//IE 
    addLoadEvent(GetExternalPageContent) 
} 

function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
     window.onload = func; 
    } 
    else { 
     window.onload = function() { 
      if (oldonload) { 
       oldonload(); 
      } 
      func(); 
     } 
    } 
} 

function GetExternalPageContent() { 

    var iframe = document.getElementsByTagName("iframe"); 
    if (iframe != null) { 
     var uniqueString = "embFrame"; 
     iframe[0].contentWindow.name = uniqueString; 
     var form = document.createElement("form"); 
     form.target = uniqueString; 
     form.action = '<%=ExternalUrl %>'; 
     form.method = "POST"; 

     //parameter submitted to external URL to get appropriate content 
     var input = document.createElement("input"); 
     input.type = "hidden"; 
     input.name = "embParam"; 
     input.value = "paramValue1"; 
     form.appendChild(input); 

     document.body.appendChild(form); 
     form.submit(); 
    } 
} 
</script> 
+1

请将您的代码放在这里,请... –

+0

https链接在IE下使用IFRAME卡住。你有他们吗? –

+0

是的,“ExternalUrl”被评估为HTTPS站点 –

回答

1

我只是想让人们知道这里的问题是,IE浏览器不喜欢iframe内容的窗口这样的命名:

iframe[0].contentWindow.name = uniqueString 

相反,name属性必须是内iframe标签本身。没有javascript错误指出这一点,它只是没有一贯呈现。然后,当你需要动态引用iframe中的内容,使用方法:

var iframe = window.frames['embFrame'] 

这样做,这样解决了问题,现在的iframe中的内容一致地呈现。

相关问题