iFrame 和 IE 11

Posted

技术标签:

【中文标题】iFrame 和 IE 11【英文标题】:iFrame and IE 11 【发布时间】:2015-10-16 18:18:13 【问题描述】:

想要在我的网站中包含来自“simbyone.com”的漂亮旋转画廊和 iFrame。 适用于所有浏览器,但不适用于 IE11!出现文本,但 Java Script 失败。但是直接调用 URL: “http://simbyone.com/demo/how-to-create-a-rotated-gallery/” 适用于所有浏览器。为什么 IE11 不在 iframe 中运行它的任何想法。画廊的代码可以在“simbyone.com”轻松下载。这是我的 html 代码,它证明了 IE11 的问题:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11"/>
 <title>Rotated Gallery</title>
 </head>
 <body>
 <b>Hello World</b>
 <p><iframe align="middle" frameborder="0"  scrolling="no"
      src="http://simbyone.com/demo/how-to-create-a-rotated-gallery/" 
      ></iframe></p>
 </body>
 </html>

【问题讨论】:

iframe 是否与页面位于同一域中?开发工具控制台中有任何错误或警告吗?所有页面html都有效吗? 否 - 请参阅下面的 html 代码: 不要将代码放到注释块中...更新可以格式化和阅读的问题...然后删除这些 cmets 还要澄清No 的含义...很难用一个词回答 2 个问题 【参考方案1】:

请将此行添加到您的 HTML:

&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11"/&gt;

【讨论】:

【参考方案2】:

使用 IE 开发工具发现调用 jQuery 中的函数返回“访问被拒绝”。安装最新的 jQuery Lib 后 - IE11 的工作就像魅力一样。

【讨论】:

以上是关于iFrame 和 IE 11的主要内容,如果未能解决你的问题,请参考以下文章

IE11 中的 iframe 内容仅显示白屏

无法从 IE 11 中的父页面打印 iframe 内容

IE 11 第一方会话 cookie 在 iframe 中丢失

Telerik RadDatePicker 隐藏在 IE11 中的 iframe 后面

SameSite=None w/ IE11 中的安全中断 iFrame

从 IFRAME IE11 调用父 JavaScript