Tag: iframe
YouTube的iframe wmode问题
在jQuery中使用javascript，我添加了一个带有YouTubeurl的iframe，以便在网站上显示video，但是从youtube载入的iframe中的embedded代码没有wmode =“Opaque”，因此页面上的模式框显示在YouTubevideo下面 任何想法如何解决这个问题？
使用Chrome开发人员工具debuggingiframe
我想使用Chrome开发者控制台查看我的应用程序中的variables和DOM元素，但该应用程序存在于iframe中（因为它是OpenSocial应用程序）。 所以情况是： <containing site> <iframe id='foo' src='different domain'> … my app … </iframe> </containing site> 有没有什么办法从开发者控制台访问iframe中发生的事情？ 如果我尝试去做document.getElementById（“foo”）。它不起作用，可能是因为iframe在不同的域中。 我无法在新选项卡中打开iframe内容，因为iframe也需要能够与包含的网站进行通话。
如何让IFrame在iOS Safari中响应？
问题是，当你不得不使用IFrame将内容插入到网站时，那么在现代networking世界中，IFrame也会有所反应。 理论上它很简单，简单地使用<iframe width="100%"></iframe>或者将CSS宽度设置为iframe { width: 100%; } 但实际上并不是那么简单，但可以。 如果iframe内容是完全响应的，并且可以在没有内部滚动条的情况下自行resize，那么iOS Safari将会调整iframe大小，而不会有任何实际的问题。 如果你考虑下面的代码： <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=9,10,11" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Iframe Isolation Test</title> <style type="text/css" rel="stylesheet"> #Main { padding: 10px; } </style> </head> <body> <h1>Iframe Isolation Test 13.17</h1> <div id="Main"> <iframe height="950" width="100%" src="Content.html"></iframe> </div> </body> </html> 通过Content.html ： <html> <head> <meta http-equiv="X-UA-Compatible" […]
如何在WebDriver中处理iframe
<div> <iframe id="cq-cf-frame "> <iframe id="gen367"> <body spellcheck="false" id="CQrte" style="height: 255px; font-size: 12px; font-family:tahoma,arial,helvetica,sans-serif; background-image: url("/libs/cq/ui/widgets/themes/default/ext/form/text-bg.gif"); background-repeat: repeat-x; background-attachment: fixed;"> <p>4t43t4<br></p> </body > </iframe> </iframe> </div> 在这种情况下iframe下有一个iframe 。 我必须select外部iframe去内部iframe并写入内部iframe中的主体。 接下来，我必须从内部iframe走出到外部iframe ，然后单击OKbutton（位于外部iframe ）。 以下是我的代码 /*Line 1 */ driver.switchTo().frame("cq-cf-frame"); /* 2 */ driver.findElement(By.css("#extdd-9 > div.tblRow > input.edititem").click(); /* 3 */ driver.switchT().Frame("cq-gen379"); /* 4 */ driver.findElement(By.id("CQrte").sendKeys("Tnx"); /* 5 […]
<iframe>跨域的JavaScript访问父DOM？
我控制embedded在另一个域的页面中的iframe的内容。 有没有什么办法在我的iframe中的JavaScript来更改父级的DOM？ 例如，我想让我的iframed脚本添加一堆html元素到父DOM。 这似乎是一个很高的顺序 – 思想？ 编辑：存在一种称为“ 片段ID消息传递 ”的技术，这可能是在跨域iframe之间进行通信的一种方式。 编辑：另外，Firefox 3.5，Opera，Chrome（等）似乎采用html5 “postMessage”api ，它允许帧，iframe和popup窗口之间的安全，跨域数据传输。 它像一个事件系统一样工作。 IE8支持这个function，显然，这可能有点令人惊讶。 总结：不，您不能直接访问/编辑另一个域中的页面的DOM。 但是你可以和它沟通，它可以合作做出你想要的改变。
无法加载资源：net :: ERR_INSECURE_RESPONSE
有没有办法欺骗服务器，所以我没有得到这个错误： 内容被阻止，因为它没有被有效的安全证书签名。 我拉一个HTML网站的iframe到另一个网站，但我不断得到这个问题的标题中的控制台（铬）错误，并在Internet Explorer中说： 内容被阻止，因为它没有被有效的安全证书签名。
将点击事件处理程序添加到iframe
我想要处理iframe的ID作为参数的处理程序的iframe上的click事件。 我可以通过JavaScript添加一个onClick事件处理程序如下，它工作正常： iframe.document.addEventListener('click', clic, false); 但在这种情况下，我无法将parameter passing给clic() 。 我试图在clic()打印this.id ，但没有结果。 onClick HTML属性根本不起作用，处理程序不被调用。 <html> <head> <script type="text/javascript"> function def() { myFrame.document.designMode = 'on'; } function clic(id) { alert(id); } </script> </head> <body onLoad="def()"> <iframe id="myFrame" border="0" onClick="clic(this.id)"></iframe> </body></html>
使用JavaScript滚动iframe？
我用JavaScriptdynamic加载一个iframe。 加载后，我怎样才能让它向下滚动一个特定数量的像素（即在加载iframe中的页面之后，如何使iframe自身滚动到页面的指定区域？）
替代HTML5的iFrame
我想知道是否有替代HTML5的iFrames。 我的意思是，能够在不使用iFrame的情况下在网页内部注入跨域HTML。
如何访问使用jQuery的iFrame父页面？
我有一个iframe，为了访问父元素，我实现了以下代码： window.parent.document.getElementById('parentPrice').innerHTML 如何使用jQuery获得相同的结果？ 更新 ：或者如何访问使用jQuery的iFrame父页面？
