程序设计 iframe

7

是否可以使用跨网域iframe高度自动调整大小功能？

我尝试了一些解决方案，但没有成功。我想知道是否有一种解决方案，最好是提供一个易于遵循的教程。

110 iframe cross-domain

9

加载iFrame时如何显示加载消息？

我有一个iframe可以加载第三方网站，但加载速度非常慢。有没有一种方法可以在iframe加载时显示加载消息，而用户看不到较大的空白？ PS。请注意，iframe适用于第三方网站，因此我无法在其页面上进行任何修改/注入。

107 javascript jquery iframe

6

有没有办法在JavaScript控制台中将上下文更改为iframe？

我想更改在webkit开发人员工具/萤火虫控制台中执行的javascript的上下文，以执行其代码，就像它是从页面上的iframe内部运行一样。我知道可以通过在单独页面上的iframe中打开页面来做到这一点，但是我想在与父框架交互的地方运行代码。

107 javascript iframe console firebug

3

如何检测是否已加载iframe？

我正在尝试检查用户单击按钮后是否已加载iframe。我有 $('#MainPopupIframe').load(function(){ console.log('load the iframe') //the console won't show anything even if the iframe is loaded. }) 的HTML <button id='click'>click me</button> //the iframe is created after the user clicks the button. <iframe id='MainPopupIframe' src='http://...' />...</iframe> 有什么建议？顺便说一下，我的iframe是动态创建的。它不会随初始页面加载一起加载。

101 javascript jquery html iframe

5

使用Bootstrap的自适应iframe

我正在使用Bootstrap。我的文字包含2或3个基于iframe的嵌入视频。该数据是从数据库中获取的。如何使这些iframe响应？示例代码： <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT <iframe src="http://youtube.com/...."></iframe> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT <iframe src="http://youtube.com/...."></iframe> SOME TEXT SOME …

100 twitter-bootstrap iframe

5

整页<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 …

97 html css iframe

8

使用Javascript更改iframe src

我正在尝试更改<iframe src=... >某人单击单选按钮时的状态。由于某种原因，我的代码无法正常工作，并且我很难找出原因。这是我所拥有的： <!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <script> function go(loc) { document.getElementById('calendar').src = loc; } </script> </head> <body> <iframe id="calendar" src="about:blank" width="1000" height="450" frameborder="0" scrolling="no"></iframe> <form method="post"> <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Day <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" …

94 javascript iframe src

8

如何在DOM中移动iFrame而不丢失其状态？

看一下这个简单的HTML： <div id="wrap1"> <iframe id="iframe1"></iframe> </div> <div id="warp2"> <iframe id="iframe2"></iframe> </div> 假设我想移动包装纸，使包装纸位于#wrap2之前#wrap1。iframe被JavaScript污染了。我知道jQuery的.insertAfter()和.insertBefore()。但是，当我使用它们时，iFrame会丢失其所有HTML，JavaScript变量和事件。可以说以下是iFrame的HTML： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // The variable below would change on click // This represents changes on variables after the code is loaded // These changes should remain after the iFrame is moved variableThatChanges …

93 javascript jquery dom iframe

6

IFrame和Frame有什么区别？

在查看将3D安全页面嵌入我自己的订单中的选项时，我遇到了以下问题： “一些商务站点将把整个浏览器页面用于身份验证，而不是使用框架（不一定是iFrame，因为iFrame毕竟是不太安全的对象）。” 来自http://en.wikipedia.org/wiki/3-D_Secure 有人能告诉我为什么 iframe与普通框架相比不那么安全，并引起问题吗？基本区别是什么？我的看法iframe是要走的路。

91 html iframe frame

7

从IFRAME获取当前URL

有没有一种简单的方法可以从iframe获取当前网址？观众将浏览多个站点。我猜我会在javascript中使用某些东西。

91 javascript url iframe

3

如何使用jquery动态更改iframe中的内容？

我想知道是否可能有一个包含iframe和一些jquery代码的网站，该代码每30秒更改一次iframe内容。内容在不同的网页中。像这样： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var array = new array(); array[0] = 'http://webPage1.com'; array[1] = 'http://webPage2.com'; // And so on. // Do something here to change the iframe every 30 second }); </script> </head> <body> <iframe id="frame"></iframe> </body> </html>

89 jquery iframe

12

人们为什么仍然使用iframe？[关闭]

从目前的情况来看，这个问题不适合我们的问答形式。我们希望答案能得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 10年前关闭。对我来说，iframe是纯粹的邪恶（嗯，也许不是那么纯粹）。他们似乎制造了很多麻烦。是的，您的整个网站将加载一次，然后您只能加载一个页面。但是人们为此目的发明了AJAX。我发现的最大问题之一iframe是，我无法粘贴到其中一个子页面的链接，因为URL从未改变（是的，我知道这是一种解决方法）。其次，网络搜索引擎可能无法正确索引该站点。有时，此站点的可访问性较差，某些浏览器甚至可能无法正确显示它们。有没有（i）框架设计布局的更好方法。每天我都能看到有人问SO问题，例如“如何使用jQuery访问iframe？”。那么iframe的好处是什么？仍然使用它们是什么原因？我只是想知道为什么：）（因为这不是一个真正的问题，所以是CW）

89 iframe

3

如何在Rails 4中为控制器或操作覆盖X-Frame-Options

Rails 4似乎SAMEORIGIN为X-Frame-OptionsHTTP响应标头设置了默认值。这对于提高安全性非常有用，但是不允许您的应用程序的某些部分iframe在其他域中可用。您可以X-Frame-Options使用以下config.action_dispatch.default_headers设置覆盖全局值： config.action_dispatch.default_headers['X-Frame-Options'] = "ALLOW-FROM https://apps.facebook.com" 但是，如何仅针对单个控制器或操作覆盖它呢？

88 ruby-on-rails iframe http-headers ruby-on-rails-4 x-frame-options

4

指定iframe的内容而不是页面的src属性

我目前正在处理包含一些文件输入以上传图片的表单。onchange()对于这些输入，有一个事件将图片提交到iframe，然后将上传的图片动态加载到表单中，并为其修改字段（例如name和geo-localization）。由于我无法嵌套表格，因此file_input也会包含在中iframe。最后，我使用另一个iframe内部iframe。所以我有这样的事情： <form>  <iframe src="file_input_url">  </iframe> </form> 并加载到该HTMLiframe是一样的东西（不包括html，head和body标签） <form target="upload_iframe"> <input type="file" onchange="this.form.submit()"> </form> <iframe name="upload_iframe"></iframe> 这很有效，除了载入第一个需要花费几秒钟的事实之外iframe，因此文件输入不会随页面的其余部分一起载入。这在视觉上不是理想的。如果我可以指定iframe内容而不需要加载另一个页面（file_input_url在第一个中由指定），则可以解决iframe。有没有一种方法可以iframe在同一文档中指定内容，或者只能使用src需要另一页加载的属性来指定它？

88 html iframe

14

Iframe（HTML）已过时吗？[关闭]

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或进一步的讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。收到与此矛盾的消息，希望它们不是。我无法想象它会停止支持，因为无数的网站都在使用它们。关于此的一些其他问题：他们为什么要逐步淘汰此标签？还有其他选择吗？

87 html iframe obsolete

Questions tagged «iframe»