程序设计 iframe

10

当有人点击图片时，我们使用jQuery 厚盒来动态显示iframe。在此iframe中，我们使用Galleria一个JavaScript库来显示多张图片。问题似乎是，$(document).ready在iframe中似乎触发得太早了，而且iframe内容还没有加载，因此在DOM元素上未正确应用Galleria代码。 $(document).ready似乎使用iframe父就绪状态来确定iframe是否已就绪。如果我们将准备好的文档调用的函数提取到单独的函数中，并在100毫秒超时后调用它。它可以工作，但是我们不能利用速度较慢的计算机来进行生产。 $(document).ready(function() { setTimeout(ApplyGalleria, 100); }); 我的问题：当动态iframe准备好并且不仅仅是父项时，我们应该绑定到哪个jQuery事件以执行我们的代码？

184 javascript jquery iframe thickbox galleria

6

iframe与父网站之间如何通信？

iframe中的网站不在同一域中，但是两者都是我的，我想在iframe和父网站之间进行交流。可能吗？

183 javascript html ajax iframe

7

iFrame src更改事件检测？

假设我无法控制iframe中的内容，是否有任何方法可以通过父页面检测到其中的src更改？可能是某种负载？我的最后一招是如果iframe src与以前的相同，则进行1秒间隔测试，但是这样做会导致问题。如果有帮助，我正在使用jQuery库。

180 javascript jquery iframe onload

3

iframe，嵌入和对象元素之间的区别

HTML5定义了几个嵌入的内容元素，从鸟瞰的角度看，它们似乎在很大程度上是相同的。是什么之间的实际差异iframe，embed和object？如果我想从第三方站点嵌入HTML文件，我可以使用其中哪些元素，它们之间会有什么不同？

176 html iframe

9

如何从JavaScript访问父iframe

好吧，我有一个IFrame，它调用了相同的域页面。我的问题是我想从这个被调用的页面（通过JavaScript）访问该父iframe的某些信息。如何访问此iframe？详细信息：由于我正在对Windows环境进行编程，因此有几个这样的iframe可以加载相同的页面。我打算关闭此iframe，这就是为什么我需要知道应该从他内部关闭哪个框架。我有一个数组，保留对这些iframe的引用。编辑：有iframe是动态生成的

170 javascript iframe

10

覆盖iframe中内容的主体样式

如何控制中的body元素的背景图像和颜色iframe？请注意，嵌入的body元素具有一个类，并且iframe是属于我的网站的页面的。我需要这样做的原因是我的网站将黑色背景分配给正文，然后将白色背景分配给包含文本的div。所见即所得（WYSIWYG）编辑器iframe在编辑时使用来嵌入内容，但它不包含div，因此文本很难阅读。 iframe编辑器中的when 主体具有一个在其他任何地方都没有使用过的类，因此我假设将其放在那里，这样可以解决此类问题。但是，当我将样式应用于class.body它们时，不会覆盖应用于主体的样式。奇怪的是样式确实出现在Firebug中，所以我不知道发生了什么！谢谢更新-我尝试了@mikeq的解决方案，该解决方案为该类的类添加样式。当添加到主页的样式表时，此方法不起作用，但与Firebug一起添加时，此方法起作用。我假设这是因为Firebug应用于页面上的所有元素，而CSS没有应用于iframe。这是否意味着在使用JavaScript窗口加载后添加css可行？

165 css iframe styles overriding

10

“全屏” <iframe>

当我使用以下代码创建iframe时： <iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe> iframe不能完全解决问题-iframe周围有10像素的白色“边框”。我该如何解决？这是问题的图像：

163 html iframe

9

如何在Javascript中获取iframe的内容？

154 javascript html iframe

18

用jQuery重新加载iframe

我在页面上有两个iframe，一个对另一个iframe进行了更改，但是另一个iframe直到刷新后才显示更改。有没有一种简单的方法可以使用jQuery刷新此iframe？ <div class="project"> <iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"></iframe> </div>

150 javascript jquery html iframe

7

动态创建具有给定HTML的iframe

我正在尝试从JavaScript创建iframe，并用任意HTML填充它，如下所示： var html = '<body>Foo</body>'; var iframe = document.createElement('iframe'); iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); 我希望iframe然后包含一个有效的窗口和文档。但是，事实并非如此： > console.log（iframe.contentWindow）; 空值自己尝试一下：http : //jsfiddle.net/TrevorBurnham/9k9Pe/ 我在俯视什么？

148 javascript iframe

10

完成IFRAME加载后的JavaScript回调？

我需要在IFRAME完成加载后执行回调。我无法控制IFRAME中的内容，因此无法从那里触发回调。该IFRAME是通过编程方式创建的，我需要将其数据作为变量传递给回调，以及销毁iframe。有任何想法吗？编辑：这是我现在所拥有的： function xssRequest(url, callback) { var iFrameObj = document.createElement('IFRAME'); iFrameObj.src = url; document.body.appendChild(iFrameObj); $(iFrameObj).load(function() { document.body.removeChild(iFrameObj); callback(iFrameObj.innerHTML); }); } 此回调在iFrame加载之前进行，因此回调没有返回任何数据。

147 javascript events dom iframe

2

Google+ +1小部件如何脱离其iframe？

不知何故，悬停在Google+信息加一插件可以引入一个提示型协议，显然比越大<iframe>在包含它元件。我已经检查了DOM来确认这一点。* 所以：什么？怎么样！？如果被恶意使用，这是否不是大量的点击劫持机会？（想象一下有人为这些社交小部件执行了MITM！） *更新：我所看到的是，提示-Y的信息是在第二，动态创建iframe。

145 html security browser iframe google-plus-one

9

如何在https站点上的iframe中允许http内容

我将一些HTML加载到iframe中，但是当引用的文件使用的是http（而不是https）时，出现以下错误： [已屏蔽] {current_pagename}中的页面运行了来自{referenced_filename}的不安全内容有什么办法可以关闭它或解决它吗？ iframe没有src属性，其内容使用以下方法设置： frame.open(); frame.write(html); frame.close();

145 html security http iframe https

22

使iframe响应

我正在阅读这篇题为“您能否使iFrame响应式吗？”的stackoverflow帖子，并且其中一项评论/答案将我引向了jfiddle。但是，当我尝试实现HTML和CSS以满足自己的需求时，却没有相同的结果/成功。我创建了自己的JS小提琴，因此我可以向您展示它对我来说是如何工作的。我确定它与我使用的iFrame类型有关（例如，产品图片可能也需要响应）。我主要担心的是，当我的博客读者在iPhone上访问我的博客时，我不希望所有内容都是x宽度（我所有内容的宽度均为100％），然后iFrame行为不佳，并且是唯一更宽的元素（因此会粘住）超越所有其他内容-如果有意义的话？）无论如何，有人知道为什么它不起作用吗？谢谢。这是MY JSFIDDLE的HTML和CSS（如果您不想单击链接）： <div class="wrapper"> <div class="h_iframe">  <img class="ratio" src="http://www.brightontheday.com/wp-content/uploads/2013/07/placeholder300.png" /> <iframe frameborder='0' height='465px' width='470px' scrolling='no' src='http://currentlyobsessed.me/api/v1/get_widget?wid=30&blog=Brighton+The+Day&widgetid=38585' frameborder="0" allowfullscreen></iframe> </div> </div> 这是随附的CSS： .wrapper { width: 100%; height: 100%; margin: 0 auto; background: #ffffff; } .h_iframe { position: relative; } .h_iframe …

144 css iframe responsive-design

19

Safari 3rd party cookie iframe技巧不再起作用？

因此，这是“如何在Safari中获得第三方Cookie的工作”问题的第十三次报仇，但我又是在问，因为我认为竞争环境发生了变化，也许是在2012年2月之后。获得第三方的标准技巧之一Safari中的第三方Cookie如下：使用一些javascript POST到隐藏的iframe。（过去）欺骗Safari使其认为用户已与第三方内容进行了交互，因此允许设置cookie。我认为这个漏洞已经随着轻微的丑闻而被掩盖，当时有消息称谷歌在广告中使用了这种技巧。至少，在使用此技巧时，我完全无法在Safari中设置Cookie。我发掘了一些互联网随机发帖，声称苹果正在努力弥补漏洞，但我没有找到任何官方消息。作为后备，我什至尝试重新设计主要的第三方框架，以便您在内容加载之前必须单击一个按钮，但是即使直接交互的程度也不足以融化Safari的冷漠之心。那么，有人能确定Safari是否确实消除了这个漏洞吗？如果是这样，还有其他解决方法（除了在每个请求中手动包括会话ID之外）？

137 javascript facebook iframe safari

Questions tagged «iframe»