Tag: iframe

调整iframe的宽度以适合其中的内容: 我需要一个解决scheme来自动调整iframe的宽度和高度，以适应其内容。重点是在加载iframe之后，宽度和高度可以改变。我想我需要一个事件动作来处理包含在iframe中的body的尺寸变化。

CSS覆盖iframe中内容的正文风格？: 我如何控制iframe中的body元素的背景图像和颜色？请注意，embedded的body元素有一个类，而iframe是属于我的网站的页面。我需要这个的原因是我的网站有一个黑色背景分配给正文，然后分配给包含文本的div的白色背景。所见即所得编辑器在编辑时使用iframeembedded内容，但不包含div，因此文本很难阅读。在编辑器中的iframe的主体有一个没有在其他地方使用的类，所以我假设这是放在那里，所以这样的问题可以解决。但是，当我将样式应用于class.body时，它们不会覆盖应用于body的样式。奇怪的是，风格确实出现在fir </s>中，所以我不知道发生了什么事情！谢谢更新 – 我曾尝试@ mikeq的解决scheme，添加一个样式到类是身体的类。添加到主页面样式表时这不起作用，但在添加萤火虫时它确实有效。我假设这是因为萤火虫应用于页面上所有的所有ements，因为css没有应用在iframe中。这是否意味着添加JavaScript的窗口加载后的CSS将工作？

从iframe调用父窗口函数: 我想从一个iframe调用一个父窗口JavaScript函数。 <script> function abc() { alert("sss"); } </script> <iframe id="myFrame"> <a onclick="abc();" href="#">Call Me</a> </iframe>

如何识别一个网页是否正在加载一个iframe或直接进入浏览器窗口？: 我正在写一个基于iframe的Facebook应用程序。现在，我想使用相同的HTML页面来呈现正常的网站，以及Facebook中的canvas页面。我想知道是否可以确定页面是否已经加载到iframe中或直接在浏览器中？

框架巴斯特巴斯特…克星代码需要: 假设您不希望其他网站在<iframe> “框架”您的网站： <iframe src="http://example.org"></iframe> 所以你在你所有的页面中插入反框架的JavaScript代码： /* break us out of any containing iframes */ if (top != self) { top.location.replace(self.location.href); } 优秀！现在，你可以“自动”破解任何包含iframe的内容。除了一个小问题。事实certificate，你的框架破解代码可以被破坏，如下所示： <script type="text/javascript"> var prevent_bust = 0 window.onbeforeunload = function() { prevent_bust++ } setInterval(function() { if (prevent_bust > 0) { prevent_bust -= 2 window.top.location = 'http://example.org/page-which-responds-with-204' } […]

SecurityError：阻止原始帧访问跨源帧: 我正在加载一个<iframe>在我的HTML页面，并尝试使用Javascript访问其中的元素，但是当我尝试执行我的代码，我得到以下错误： SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. 你能帮我find一个解决scheme，以便我可以访问框架中的元素？我正在使用此代码进行testing，但徒劳无功： $(document).ready(function() { var iframeWindow = document.getElementById("my-iframe-id").contentWindow; iframeWindow.addEventListener("load", function() { var doc = iframe.contentDocument || iframe.contentWindow.document; var target = doc.getElementById("my-target-id"); target.innerHTML = "Found it!"; }); });

克服“X-Frame-Options禁止显示”: 我正在编写一个小型网页，其目的是构build其他几个页面，只需将它们合并到一个浏览器窗口中便于查看。我试图禁止框架中的几个页面，并抛出“拒绝显示文档，因为X-Frame-Options禁止显示”。 Chrome中出现错误。我明白，这是一个安全限制（有充分的理由），并没有改变它的权限。有没有其他的框架或非框架的方法来显示单个窗口内的页面不会被X-Frame-Options标题绊倒？

在父页面的iframe中调用JavaScript代码: 基本上，我有一个embedded在页面中的iframe，iframe有一些我需要从父页面调用的JavaScript例程。现在相反是很简单的，因为你只需要调用parent.functionName() ，但不幸的是我需要完全相反的。请注意，我的问题不是更改iframe的源URL ，而是调用iframe中定义的函数。