问题标签 [iframe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1246 浏览

ajax - iframe 内容取决于引用页面

有没有办法根据引用页面改变 iframe 的初始内容?

例如,当直接在地址栏中键入第 1 页的 URL 时,“第 1 页”有一个显示“初始内容 1”的 iframe。如果单击“第 2 页”链接到“第 1 页”的链接,则“第 1 页”上的 iframe 内容将作为“初始内容 2”开始。

我希望这是有道理的。


非常感谢 splattne。

我刚刚尝试过你的想法,但我无法做到。我的页面现在在正文中有以下内容:

看来,但是我访问父页面(直接,从第 2,3 或 4 页上的链接)加载相同的内容,内容来自contentc- 你能想到为什么吗?


感谢大家的帮助,但我仍然遇到问题。如果这可以在“服务器端”完成,那就太好了,但我对此的经验很少。有谁知道如何在 PHP 中做到这一点?

如果可能的话,我想根据输入到地址栏中的 URL 来改变 iframe 内容。例如我一直在使用脚本:

我可以在地址栏中输入http://mysite.com/page11.html?&iframe=page12.html,以便第 11 页的 iframe 包含第 12 页。

问题是这个脚本适用于 Safari 和 IE,但不适用于 FF :(

正如我所说,任何在 PHP 中做这件事的技巧都会很棒。

0 投票
4 回答
6802 浏览

javascript - JavaScript:从 iframe 关闭窗口

我有一个从站点 S1 加载的页面 P1,其中包含一个 iframe。该 iframe 从另一个站点 S2 加载页面 P2。在某些时候,P2 想要关闭浏览器窗口,其中包含从 S1 加载的 P1。当然,由于 P2 是从另一个站点加载的,它不能只执行 parent.close()。

我可以完全控制 P1 和 P2,因此我可以根据需要将 JavaScript 代码添加到 P1 和 P2。有关如何解决此问题的建议?

0 投票
2 回答
2892 浏览

javascript - 是否可以从内部或服务器端隐藏/关闭 iframe?

假设我有一个页面,我正在为 domain 编写一个 javascript 插件first.com。javascript插件将指向登录页面(域second.com)的iframe注入first.com页面并将其显示为弹出窗口,以便用户可以登录。

用户登录后,我是否可以隐藏/关闭 iframe?我可以将任何必要的 javascript 注入first.com页面,并控制 iframe 内登录页面上的客户端和服务器端代码。

主要问题是 iframe 无法访问其父窗口以隐藏自身,并且父窗口由于相同的源策略而无法看到 iframe 内容中所做的任何更改。无论如何,还是我应该失去 iframe 的想法,而是打开一个新窗口?

0 投票
4 回答
3540 浏览

ajax - 如何使用 dojo.io.iframe.send 取消文件上传?

我正在使用 dojo.io.iframe.send 方法将文件发送到我的服务器。我想提供一种方法,用户可以在发送过程中取消发送,以防发送时间过长或用户意识到她发送了错误的文件。

我想不出办法做到这一点。如果发送需要很长时间(即服务器没有快速响应),我可以使用超时来终止发送,但这不是我想要的。我想在用户做出手势时终止(例如单击“取消”按钮。

谢谢!

0 投票
4 回答
6845 浏览

asp.net - 将 ModalPopup 移到 IFrame 之外。可能的?

我的主页中有一个 iframe。iframe 页面内有一个 modalpopup。所以当modalpopup显示出来的时候,modalpopup的父级就是iframe body和main page parent body。因此,覆盖仅覆盖 iframe 而不是整个页面。

我尝试使用 jQuery 将 modalpopup 从 iframe 移动到父窗口主体元素(或父主体内的任何其他元素)。我收到一个无效的参数错误。

如何从 iframe 内的页面显示 modalpopup 并且它应该覆盖整个文档,以及父文档?

更新:

由于很少有用户对实现相同的行为感兴趣..这是解决方法

我建议的最佳解决方法是在主页中使用 modalpopup .. 然后从 iframe 调用它.. 说这样的话..

希望能帮助到你

0 投票
2 回答
3234 浏览

javascript - 一个合理的请求:IE 中指示加载进度的 iframe?

让我对 IE 感到困扰的一件事是,当它使用 iframe 加载页面时,它会等到 iframe 完成加载后才会呈现页面。相比之下,Firefox 将在 iframe 加载时呈现所有其他页面元素,如果 iframe 需要很长时间才能加载,这非常好,因为它会向用户提供页面正在运行的一些反馈。它还允许您执行诸如在框架加载时显示“iframe 加载”消息并将其换出 iframe 加载的操作。

所以,我想知道是否有人找到了解决方法。理想情况下,我希望看到一个跨浏览器解决方案,在页面上加载 iframe 时显示进度条。除此之外,我会采用一种实现 iframe 的方法,该方法强制 IE 首先呈现页面然后加载 iframe。

我已经看到了几个有趣的 jquery 进度条,例如: http: //plugins.jquery.com/project/jQueryProgressBar

但是......(如果我在这里错了,请纠正我,因为我的理解是不稳定的)......在我看来,jquery 栏只在 DOM 加载后呈现。在 IE 中,直到加载 DOM 后才会显示 iframe 内容,因此此时显示进度条是无关紧要的。

我还尝试将 iframe src 设置为 loading.htm,然后 onload 将 src 切换到我想要的内容。遗憾的是,在最终内容页面出现之前,IE 仍然不会呈现页面(对我来说似乎很奇怪)。

帮助我stackoverflow,你是我唯一的希望。

0 投票
2 回答
1212 浏览

sharepoint - MOSS'07 - 页面视图 Web 部件减慢菜单悬停

在我们的 MOSS '07 站点中,我们有一个页面,其中仅包含一个 Page Viewer Web 部件,它指向另一个服务器上的站点。但是,我注意到在该页面(以及任何其他具有页面查看器 Web 部件的页面)上,我们的下拉菜单和悬停效果非常,并且完全耗尽了访问者计算机上的 CPU(进程是IExplorer。)

通过测试,我能够确定 Web 部件指向的 URL 无关紧要......只是在页面上放置 iframe 似乎会导致它(只是将查看器设置为加载 Google 的主页——这可能是我知道的最简单的网站——仍然会导致问题)。如果我去删除 Web 部件,菜单会再次正常运行。

我将调试器附加到进程并逐步执行和调用函数,在函数中分配为零Menu_HoverStatic时似乎很难。panel.scrollTopPopOut_Show

有没有其他人注意到这一点?...也许找到了解决方案?我找不到PopOut_Show在我们的服务器上编辑函数的位置(我认为它是其中一个 .NET DLL 中的资源),否则我只会注释掉该行,因为我认为它并不重要......至少在我们的网站上。

我真的很喜欢在我们的 SharePoint 网站中托管来自另一台服务器的网页的能力,但是悬停时的性能令人痛苦……老实说,这是不可接受的。根据用户计算机的资源,悬停效果有时可能需要 15 秒才能完成!!!!

任何建议将不胜感激!

0 投票
1 回答
22254 浏览

html - Embedding text/html in an Object (instead of an iframe)

Under every browser except IE, all 4 of these tests work. Under IE 6 and 7, the last one fails and shows an empty frame. Is there a workaround that allows IE to load the external html in an object?

0 投票
2 回答
276 浏览

asp.net - iframe 的同步

我有多个 iframe 显示相同的数据集合(asp.net 缓存中的帮助)。

在修改其中一个帧上的数据后,我希望所有其他帧都反映更新,而不需要对每个帧进行显式回发。

所以问题是:在这种情况下保持 iframe 同步的最简单和最优雅的方法是什么?

提前致谢

0 投票
4 回答
1477 浏览

css - 将边距应用于除 iframe 之外的所有内容

我有一个使用'css a'的'page a'。此页面在 css 中设置了边距。我还有一个使用'css b'的'page b'。此页面还设置了 css 中的边距,大小与 'css a' (10px) 中的相同。

有什么办法可以让我在单独查看“页面 a”时有边距,但是当在“页面 b”上的 iframe 中查看时,边距不适用于“页面 a”。我知道这是一个很长的问题,但基本问题是我在 iframe 中的内容得到了“双倍边距”:“页面 a”的边距,然后是“页面 b”的边距!

我想这样做的一种方法是设置 iframe 不受“页面 a”边距的影响。有什么方法可以设置'css a'从边距中排除iframe,这样只有css b的边距才会应用,页面仍然对齐。那可能吗?

谢谢你的帮助

马特