Tag: iframe

为什么一个自引用的iframe不是无限循环的，会导致我的机器崩溃？: 我创build了一个简单的HTML页面，该页面的iframe的src属性引用了包含页面 – 换句话说，是一个自引用的iframe。 this.html <html> <head></head> <body> <iframe src="this.html" /> </body> </html> 为什么这不是无限循环和崩溃我的浏览器？另外，为什么甚至不会在这个崩溃？（注：这是由团队讨论使用iframe来解决问题的优点和缺点而产生的，你知道，“镜子的镜子”就是这样）。

Android ICS上的WebView，android_assets的iframe问题: 我的应用程序引擎在WebView中运行。它跨越不同的IFRAMES。主应用程序html和iframes html都在android_assets上。在Android 3.x没有问题。在Chrome浏览器上也是如此如果我创build一个IFRAME（createElement – > appendChild），则创buildiframe。当我加载它的东西（iframe.src =“url”<> iframe.contentWindow.location.href =“url”）…它取代主要应用程序！（而不是加载到iframe）已经尝试： window.setTimeout延迟加载…失败。在webview中，将X-Frame-Options = SAME_ORIGIN作为标题插入任何加载的页面 – >失败创buildiframe，设置sandbox = same_origin，allow_scripts – >失败任何有类似问题的人？或者有人可以帮我find有关WebView ICS错误vs蜂窝的文档？还发现了很多其他奇怪的问题…是ICS真的这个越野车？：S：S

如何使HTML IFRAME 100％的宽度和高度？: 我如何使iframe 100％的窗口宽度和高度？

Iframe从父项inheritance: 我如何使一个<iframe>inheritance其父母的样式和JavaScript。我努力了 var parentHead = $("head", parent.document).html(); $("head").html(parentHead); 但是，它会去掉<script>标签。而且，我没有看到影响我的iframe的样式。有没有更好的/任何其他的方法，我失踪了？谢谢。

如何使embedded的Youtubevideo自动开始播放？: 在我的项目中，有一个video库模块。在这个模块中，有两个select：直接FLV上传，并添加来自YouTube的videoembedded代码。我正在写一个div元素的embedded代码（实际上，embedded代码来自数据库）。我想让这个video自动播放。 <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/zGPuazETKkI" frameborder="0" allowfullscreen></iframe> 这是一个来自YouTube的示例embedded代码。我想使用JavaScript自动播放这个video。

删除额外的空白周围的iframe？: 我在页面中使用iframe，并且偶然发现了一个奇怪的问题。我像这样设置iframe CSS iframe { margin: none; padding: none; background: blue; /* this is just to make the frames easier to see */ border: none; } 但是，iframe中仍然有空白。我在Chrome和Firefox上都testing过，结果是一样的。我四处搜寻，找不到任何东西。 Chrome控制台中也没有显示这个空格。另外，我已经有了以下CSS： html, body { margin: 0px; padding: 0px; border: 0px; width: 100%; height: 100%; } JSFiddle：这里

在iOS上使用CSS的iframe大小: 有一个iframe，基本上有更多的内容比适合框架。该框架的大小是基于浏览器的屏幕大小，并让溢出滚动，这完美适用于所有的浏览器，除了iOS。在iOS上，Safari会决定调整帧大小以适应内容。不是你所期望的。 jsFiddle上的示例代码： http://jsfiddle.net/R3PKB/2/ 在iOS设备上试用一下： http://jsfiddle.net/R3PKB/2/embedded/result HTML： <div class="frame_holder"> <iframe class="my_frame"> // The content </iframe> </div> CSS： body { position: relative; background: #f0f0f0; } .frame_holder { position: absolute; top: 50px; bottom: 50px; left: 50px; right: 50px; background: #ffffff; } .my_frame { width: 100%; height: 100%; border: 1px solid #e0e0e0; }

jQuery中，selectiframe内的元素，这是在iframe中: 使用jQuery我试图访问div id =“元素”。 <body> <iframe id="uploads"> <iframe> <div id="element">…</div> </iframe> </iframe> </body> 所有的iframe都在同一个域上，没有www / non-www问题。我已经成功地select了第一个iframe中的元素，而不是第二个嵌套的iframe。我已经尝试了一些东西，这是最近的（也是一个非常绝望的尝试）。 var iframe = jQuery('#upload').contents(); var iframeInner = jQuery(iframe).find('iframe').contents(); var iframeContent = jQuery(iframeInner).contents().find('#element'); // iframeContent is null 编辑：要排除时间问题，我用了一个点击事件，等了一会儿。 jQuery().click(function(){ var iframe = jQuery('#upload').contents().find('iframe'); console.log(iframe.find('#element')); // [] null }); 有任何想法吗？谢谢。更新：我可以select第二个iframe像这样… var iframe = jQuery('#upload').contents().find('iframe'); 现在的问题似乎是src是空的，因为iframe是用javascript生成的。所以iframe被选中，但内容长度为0。真的卡住了。

由X-Frame-Options拒绝载入：http：//www.youtube.com/v/g5RM5StrMXY不允许跨越原始帧: 我在ASP.NET中有一个网站。页面加载后，我得到以下错误。错误：由X-Frame-Options拒绝加载： http ： //www.youtube.com/v/lgZBsWGaQY0&feature不允许交叉框架。由于这个错误，YouTubevideo无法在iframe中打开。 <div style="display: none; position: relative;"> <div id="divYouTubeClasses"> <iframe id="Iframe1" style="background-color: White !important; border: 0;" width="835" height="430" src="http://www.youtube.com/v/g5RM5StrMXY" scrolling="no"></iframe> </div> </div> 请为此错误提供一些解决scheme。

如何解决IE11的localStorage事件两次或根本不在iframe中？: 我猜这是一个错误，但我一直没有find任何关于这个问题的讨论。众所周知，IE10将（针对spec）本地触发存储事件（即在触发事件的同一全局执行环境中），但是IE11似乎更偏离规范（ http://www.w3.org / TR / webstorage / ），当涉及到同域的iframes：如果iframeembedded在触发存储事件的页面中，则该事件将在该iframe内触发TWICE。如果iframeembedded在与触发存储事件的页面不同的页面中，则该事件在该iframe内根本不会触发。如果事件是由iframe触发的，则会在本地触发TWICE，并在同一页面中embedded的任何其他iframe中触发TWICE，但在其他页面的iframe中触发。您可以通过在两个单独的选项卡中打开以下链接来进行testing： http : //hansifer.com/main.html 任何人都有这个奇怪的见解吗？最后testing版本： IE v11.0.9600.16476 （更新2016-08-13：显然它是相关的“更新版本”，而不是IE的“关于”对话框中报告的“版本”）链接到错误报告： https : //connect.microsoft.com/IE/feedback/details/811546/ie11-localstorage-events-fire-twice-or-not-at-all-in-iframes 更新2015-10-26 我只是注意到，这似乎是固定在v11.0.9600.18059，虽然我不知道什么时候修复下降，因为它似乎没有在任何最近的KB引用。不幸的是，IE11 localStorage事件在其他方面仍然存在exception（尽pipe这些是与本文中提出的问题分开的）： IE在触发事件的localStorage设置或移除的窗口上下文中引发localStorage事件。 localStorage事件只能在相同来源的外部窗口上下文中引发。（更新：在EdgeHTML 13.10586中工作）当存储项被添加/删除时，IE对e.oldValue/e.newValue使用空string而不是null 。（更新：在EdgeHTML 13.10586仍然是一个问题） IE调用localStorage事件处理程序非确定性BEFORE或AFTER设置/删除后生效，而不是始终如一。更新2015-12-24 看来这个bug被转移到边缘（testing的EdgeHTML 13.10586）更新2016-02-02 韦尔普，没关系。在IE v11.63.10586.0 （更新2016-08-13：显然它是相关的“更新版本”，而不是在IE的关于对话框中报告的“版本”）中再次观察到这个错误。更新2016-08-13 这个现在似乎在IE（更新版本11.0.34）中是固定的，虽然存储事件仍然在原始窗口中被触发，违反规范（一个已知的长期存在的问题）。我发现这个包含在IE 2016年6月14日安全更新中的知识库，尽pipe根据其描述，它只涉及上面的第二个项目符号。至于Edge（经过testing的EdgeHTML 14.14393），现在看起来这个问题现在已经解决了，但是还有一个新问题：存储事件不是跨同一页面的同源帧触发的。我在这里分别向MS报告。