Questions tagged «iframe»

“ iframe”是一个HTML元素,可在文档内创建“内嵌框架”,从而允许在同一页面中显示单独的文档。


14
jQuery / JavaScript:访问iframe的内容
我想使用jQuery在iframe中操纵HTML。 我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点,例如: $(function(){ //document ready $('some selector', frames['nameOfMyIframe'].document).doStuff() }); 但是,这似乎不起作用。一点检查就可以看出,除非等待iframe加载,否则其中的变量frames['nameOfMyIframe']是undefined。但是,在iframe加载时,变量不可访问(我收到permission denied-type错误)。 有人知道解决方法吗?

25
从IFrame移除边框
如何从网络应用程序中嵌入的iframe中删除边框?iframe的一个示例是: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> 假设背景颜色一致,我希望从页面上的内容到iframe的内容的过渡是无缝的。目标浏览器仅是IE6,不幸的是,其他浏览器的解决方案将无济于事。

17
从父页面在iframe中调用JavaScript代码
基本上,我iframe在页面中嵌入了代码,并且iframe有一些JavaScript例程需要从父页面调用。 现在,相反的操作非常简单,您只需要调用parent.functionName(),但是不幸的是,我需要恰好相反。 请注意,我的问题是不会改变的源URL的iframe,但是调用在定义的函数iframe。
615 javascript  html  iframe 


7
SecurityError:阻止了具有原点的框架访问跨域框架
我正在<iframe>HTML页面中加载,并尝试使用Javascript访问其中的元素,但是当我尝试执行代码时,出现以下错误: SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. 您能否帮助我找到解决方案,以便我可以访问框架中的元素? 我正在使用此代码进行测试,但徒劳无功: $(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!"; }); });

20
根据内容调整iframe的大小
我正在开发类似iGoogle的应用程序。使用iframe显示其他应用程序(在其他域上)的内容。 如何调整iframe的大小以适合iframe内容的高度? 我试图破译Google使用的javascript,但是它被混淆了,到目前为止,在网络上搜索是徒劳的。 更新:请注意,内容是从其他域加载的,因此适用同源策略。

7
我可以在同一页面上使用多个版本的jQuery吗?
我正在从事的项目需要在客户的网页上使用jQuery。客户将插入我们将提供的代码块,其中包括一些<script>在<script>-created 中构建窗口小部件的元素<iframe>。如果他们还没有使用最新版本的jQuery,则还将(很可能)包含<script>Google托管版本的jQuery。 问题在于某些客户可能已经安装了旧版本的jQuery。尽管这可能至少适用于最新版本,但我们的代码确实依赖jQuery库中最近引入的一些功能,因此,在某些情况下,客户的jQuery版本太旧了。我们不能要求它们升级到最新版本的jQuery。 有没有办法加载新版本的jQuery以仅在我们代码的上下文中使用,而不会干扰或影响客户页面上的任何代码?理想情况下,也许我们可以检查jQuery的存在,检测版本,如果版本太旧,则以某种方式加载最新版本以用于我们的代码。 我的想法是在<iframe>包含我们的的客户域中将jQuery加载到其中<script>,这似乎是可行的,但是我希望有一种更优雅的方式来实现(更不用说没有对性能和复杂性的惩罚了)额外<iframe>的)。

19
框架克星克星…需要克星码
假设您不希望其他网站将您的网站“框”在<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的任何内容。除了一个小问题。 事实证明,您的框架破坏代码可以被破坏,如下所示: <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' } }, 1) …

26
克服“ X框架选项禁止的显示”
我正在写一个很小的网页,其目的是对其他页面进行构架,只是将它们合并到一个浏览器窗口中,以便于查看。我试图框住的几页禁止被框住,并抛出“拒绝显示文档,因为X-Frame-Options禁止显示”。Chrome中的错误。我了解这是一个安全限制(有充分的理由),并且无权对其进行更改。 是否有任何其他成帧或非成帧方法可以在单个窗口中显示不会被X-Frame-Options标头绊倒的页面?




4
使用Chrome开发人员工具调试iframe
我想使用Chrome开发者控制台查看我的应用程序中的变量和DOM元素,但是该应用程序存在于iframe(因为它是OpenSocial应用程序)内部。 因此情况是: <containing site> <iframe id='foo' src='different domain'> ... my app ... </iframe> </containing site> 有什么方法可以iframe从开发者控制台访问发生的事情吗?如果我尝试这样做document.getElementById("foo").something,则无法正常工作,可能是因为iframe属于不同的域。 我无法iframe在新标签页中打开内容,因为也iframe需要能够与包含该站点的内容进行通话。

11
iframe是否被视为“不良做法”?[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引文回答。 6年前关闭。 改善这个问题 我大致认为使用iframe是“不好的做法”。 这是真的?使用它们的优点/缺点是什么?
286 html  iframe  standards 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.