Tag: iframe

是空的iframe src有效吗？: 我想要一个iframe最初有src作为空白，然后一旦页面加载; 调用JS函数，然后将src值设置为实际值所以是<iframe src="#" />有效或者我需要使用其他的东西像javascript:; 等等

检查父窗口是否是iframe: 如何从iframe中的页面告知，如果父本身也在iframe中？说明：我的主页home.html包含一个iframe <iframe src="sample.html"></iframe> 我需要检测如果home.html （即sample.html父）是否在iframe中。 sample.html代码： if(self==window) { alert('home.html is not in iframe'); } else { alert('home.html is in iframe'); } 我的问题不是重复的。这是一个不同的情况。

从iframe访问父窗口的元素: 我有一个页面，我们可以调用parent.php。在这个页面中，我有一个提交表单的iframe，除此之外，我有一个ID为“目标”的ID。是否有可能在iframe中提交表单，以及何时成功刷新目标div。说加载一个新的页面或东西？编辑：目标div是在父页面，所以我的问题是基本上，如果你可以做一个例子一个jQuery调用之外的iframe到父。那看起来怎么样？编辑2：所以这就是我的jQuery代码现在的样子。它在iframe页面中。 div #target在parent.php中 $(;"form[name=my_form]").submit(function(e){ e.preventDefault; window.parent.document.getElementById('#target'); $("#target").load("mypage.php", function() { $('form[name=my_form]').submit(); }); }) 我不知道如果脚本是积极的，因为表单提交成功，但没有任何反应的目标。编辑3：现在即时通讯尝试从iframe中的链接调用父页面。那里也没有成功 <a href="javascript:window.parent.getElementById('#target').load('mypage.php');">Link</a>

整页<iframe>: 我有下面的示例代码。除了移动设备上的浏览器以外，所有浏览器都可以正常工作。溢出标签是问题。适用于除手机之外的所有人： margin: 0; padding: 0; height: 100%; overflow: hidden; 适用于所有移动设备而不是电脑： margin: 0; padding: 0; height: 100%; 让它在两者上工作的最好方法是什么？ <!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> <title>Test Layout</title> <style type="text/css"> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; } </style> </head> <body> <iframe width="100%" height="100%" src="http://www.cnn.com" /> […]

包含HTML中checkbox列表的可滚动框: 附上你会看到我为所需的用户界面做的模拟图片。正如你所看到的，我需要一些包含checkbox的可滚动框。我想过一个可滚动的div，但我找不到一个方法来设置一个div的边框？第二我想到了IFrame ..但也不太确定这是否是我最好的select。有没有人可能有一个更容易/更好的方式做到这一点？提前致谢！

如何在加载iFrame时显示加载消息？: 我有一个加载第三方网站的iframe加载速度非常缓慢。有没有办法，我可以显示一个加载消息，而iframe加载用户没有看到一个大的空白？ PS。请注意，iframe是为第三方网站，所以我不能修改/注入他们的网页上的任何东西。

像图像一样缩放iFrame css宽度100％: 我想通过CSS缩放一个iFrame的width: 100% ，高度应该按比例缩放宽度。用<img>标签，这工作正常。图像和iFrame都在html中定义了宽度和高度。这里有一些例子： <html> <style> #a{ width: 500px; } img{ width: 100%; height: auto } </style> <body> <div id="a"> <img src="http://lorempixel.com/200/150/" width="200" height="150" /> </div> </body> 这在图像上效果很好，但我想为iFrames的行为： <html> <style> #a{ width: 900px; background: grey;} iframe{ width: 100%; height: auto } </style> <body> <div id="a"> <iframe width="560" height="315" src="http://www.youtube.com/embed/RksyMaJiD8Y" frameborder="0" allowfullscreen></iframe> </div> </body> […]

重新加载一个IFRAME而不添加历史logging: 我正在更改一个IFRAME的src为了重新加载它，它的工作正常，并在其加载HTML时触发onload事件。但它增加了一个我不想要的历史logging。有没有办法重新加载IFRAME，但不影响历史？

HTML iframe – 禁用滚动: 我在我的网站中有以下iframe： <iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe> 它有滚动条。如何摆脱他们？