问题标签 [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 投票
27 回答
634023 浏览

html - 使 iframe 适合容器剩余高度的 100%

我想设计一个带有横幅和 iframe 的网页。我希望 iframe 可以填充所有剩余的页面高度并在浏览器调整大小时自动调整大小。是否可以在不编写 JavaScript 代码的情况下仅使用 CSS 来完成它?

我尝试height:100%在 iframe 上设置,结果非常接近,但 iframe 试图填充整个页面高度,包括30px横幅 div 元素的高度,所以我得到了不必要的垂直滚动条。这并不完美。

我尝试了 DIV 上的 CSS 边距、填充属性以成功占据网页的整个剩余高度,但该技巧在 iframe 上不起作用。

0 投票
19 回答
383505 浏览

javascript - 如何识别网页是在 iframe 中加载还是直接加载到浏览器窗口中?

我正在编写一个基于 iframe 的 facebook 应用程序。现在我想使用相同的 html 页面来呈现普通网站以及 facebook 中的画布页面。我想知道我是否可以确定页面是在 iframe 中加载还是直接在浏览器中加载?

0 投票
4 回答
2090 浏览

html - iframe 在某些浏览器尺寸上向左移动 1 个像素

我有类似的代码,抱歉,我现在没有确切的代码。但它是有效的。

目标是一个包含横幅代码的 html 文件。一切都很好。但是当我调整浏览器大小或最大化时。内容向左移动 1 个像素。因此横幅显示缺少第一条垂直 1px 行。并且只有 727px 是可见的。

有人有想法吗?

谢谢你。

0 投票
0 回答
1297 浏览

iphone - iPhone 设计模式支持

任何人都知道 iPhone 和 iPod touch 上的 Safari 在设计模式下是否支持 iFrame,如果支持,我该如何启用它?我尝试了以下方法,但都不起作用(但它适用于我的电脑):

谢谢!

0 投票
3 回答
5368 浏览

dom - 如何读取加载了来自另一个域的页面的 iframe 的 DOM?

如果 iframe 中的文档位于另一个域中,是否有办法从父文档访问 iframe 中文档的 DOM?如果父页面和子页面都在同一个域上,我可以轻松访问它,但是当它们在不同域上时我需要能够做到这一点。

如果不是,也许还有其他方法可以读取 iframe 的内容(一个考虑是创建一个 ActiveX 控件,因为这仅供内部公司使用,但我希望它是跨浏览器兼容的)?

0 投票
2 回答
844 浏览

javascript - 脚本的可见性包含在 IFRAME 中

例如:

脚本.js:

iframe.html:

上面对 functionFromScriptJS() 的调用不起作用。

第一个猜测 parent.functionFromScriptJS() 也不起作用。

当包含不在 iframe 本身而是在父文档中时,是否可以从 iframe 访问这样的外部函数?

@Edit:所以我的错误是我将文档放在 iframe 标签中,我应该将它放在一个单独的文件中并通过标签的 src 属性指定。在这种情况下parent.functionFromScriptJS()有效。

0 投票
1 回答
1871 浏览

javascript - 设置 iframe 源而不加载新内容

有没有办法在 iframe 不生成 http 请求的情况下设置 iframe 的 src 属性?如果没有,有没有办法在发送请求之前格式化请求标头?

编辑:我只需要 src 来匹配 cookie 的路径,但我不希望将该 cookie 发送到服务器。请参阅我对这个问题的评论。

0 投票
2 回答
2078 浏览

iframe - Safari:跨 iframe 的事件冒泡

如果用户在 iframe 内执行“onmousedown”,则在 iframe 外部拖动并将鼠标悬停在附加了“onmouseover”的元素上 - safari 不会触发此事件。

我有一个稍微非常规的拖放设置。可以“拖动”的项目位于 iframe 内。放置目标位于 iframe 之外。如果拖动在 iframe 内开始,则放置目标的“onmouseover”处理程序不会在 Safari 中触发。这是一个已知的问题?有没有可用的解决方法?

目前我不需要跟踪其他浏览器的放置目标的位置。如果在“拖动”时发生“鼠标上移”,我可以从事件对象中找到确切的放置目标。丢弃指示由“onmouseover”功能负责。

0 投票
11 回答
190142 浏览

html - iframe 被认为是“不好的做法”吗?

在某个地方,我发现使用 iframe 是“不好的做法”。

这是真的?使用它们的优点/缺点是什么?

0 投票
4 回答
62237 浏览

asp.net - 如何在 ASP.NET 页面上使用框架?

你如何在asp.net页面上正确使用框架,所以我有一个左框架和一个右框架,当我单击左框架中显示的页面上的链接时,它会在右框架中加载相应的页面?最重要的是,我需要在所有正确框架的页面上都有一个母版页。

我该怎么做呢?还是有其他方法可以达到相同的效果?

谢谢,雷。