草庐IT

frameset-iframe

全部标签

javascript - 使 iframe 高度适合内容

如何使iframe的高度适应其中的内容?我假设您会计算内容高度和iframe高度之间的差异(我不知道该怎么做)并将其与while循环一起使用以增加变量以用作高度,但我无法包装我的思考如何实际做这些事情。问之前:是的,框架中的内容来self的网站。不跨域。 最佳答案 不太清楚为什么要使用iframe而不是动态div填充,比如说,通过ajax,但是:将iframe中的内容放到一个div中,然后获取div的高度。我建议像这样使用jquery:$("#divId").height();但是如果你不能使用jquery,你应该可以使用这个:do

javascript - 单击 iFrame 内的 anchor 在 Firefox 和 Chrome 中的行为不同

我在jsBin中有以下代码:http://jsbin.com/iRoROvu/1/edit它基本上在iframe中有一个anchor。如果您点击该链接,您将在Chrome中看不到任何反应,但在Firefox中它只会变成空白。这是jsFiddle中的相同代码:http://jsfiddle.net/LbNwd/JavaScript:varpreviewFrame=document.getElementById('preview');varpreview=previewFrame.contentDocument||previewFrame.contentWindow.document;pr

html - 如何在 IE 9 的 iframe 中为 doctype 指定 QuirksMode?

问题:我们有一个门户网站,其中的文档类型与xhtml1.0兼容。然后,在门户中,我们有一个内容iframe,我们在其中嵌入了不同的Web应用程序。其中一些应用程序是我们编写的,一些是第3方。现在,在该iframe中,我们嵌入了MicrosoftReportingService报告等内容。问题是,ReportingServiceReports需要QuirksMode才能“正确”呈现。门户在QuirksMode下不起作用(就我而言,这很好,因为我们只针对9,可能还有IE8)。该门户在IE7中也无法正常呈现,我们将尽快放弃对IE8的支持。但是,IE9似乎继承了父页面的文档模式,因此报告服务报

html - 为什么 YouTube 为嵌入式视频在 iframe 中放置一个 type= 属性?

在访问YouTube时,它​​会提供一个嵌入代码,例如请注意type="text/html"不是有效的html。iframe标签没有这样的属性。谁能解释为什么谷歌放那个?我想这是出于某些实际原因,但我猜不出是什么。PS你可以在这里获得嵌入代码http://www.youtube.com/watch?v=QRvVzaQ6i8A 最佳答案 没记错,是HTML5YoutubePlayer的嵌入码.在验证HTML时,您必须记住HTML5允许内容作者使用非标准元素和属性,并且文档应该仍然有效。此外,可以记录足够流行的非标准标记并成为HTML5

html - 使用 iframe 将 CSS 媒体查询应用于 block 元素

我正忙着做一些网页设计,心想“嘿,如果我们可以将CSS媒体查询应用到block元素(即div、section等)?”说真的,如果我们能够拥有这个功能,我们就可以做出一些非常棒的流畅布局。在这篇文章中,我将使用一个简单的社交插件,我可以将它实现到我的任何页面的侧边栏中,这些页面可以根据其父div大小进行流动。这很方便,因此我可以调整我的小部件的大小,无论它是在500像素列还是300像素列中实现的,这样我就不必为实现它的每个布局编写特定的样式表。设计>=500pxHTML标记ICONLikeonFacebookICONFollowonTwitterCSS现在是css元素媒体查询部分。这不是

javascript - 检测 iframe 对象中的 src/location 变化

我有一个指向特定页面的iframe对象。例如,我想在iframe的位置发生变化时发出警报,因为用户单击了其中的链接。执行onLoad="alert(this.ContentWindow.location.href);"不会产生任何结果。无论用户点击了什么,执行onLoad="alert(this.src);"都会产生初始src(../wiki/Special:Random)。用户将留在同一个域中,因此不会违反同源策略。 最佳答案 在“ContentWindow”中使用正确的大小写,它应该是“contentWindow”。有效。

html - 在 Firefox 中将焦点设置到 iframe 正文/内容?

我有一个ifram,它具有隐藏的可见性。我点击按钮-iframe将可见,我想专注于它的正文/内容。因为现在我必须点击按钮,然后进入iframe,所以点击两次。我想一键完成,但不知道如何在Firefox中聚焦。在资源管理器中没问题:variframe_window=window.frames["myFrame"];iframe_window.document.body.focus();为firefox尝试了很多示例,但它们不起作用。有人知道如何在Firefox中执行此操作吗?谢谢。 最佳答案 首先尝试将焦点设置到iframe_wind

javascript - firefox 沙箱 iframe 位置在不应该更改的时候更改

当使用html5沙盒iframe时,我希望iframe无法更改其位置:它在Chrome中运行良好,但在Firefox中,沙盒iframe仍然可以重定向。这是一个knownbug但我该如何修补它,以便所有Firefox用户都不会被重定向? 最佳答案 例子:有额外限制的:InternetExplorer10、Firefox、Chrome和Safari支持沙箱属性。注意:InternetExplorer9及更早版本或Opera不支持sandbox属性。定义和用法如果指定为空字符串(sandbox=""),则sandbox属性会对内联框架中

javascript - 从 MVC 应用程序中的其他站点获取带有 src 的 iframe 内容

当在iframe窗口中触发某些操作时,我想以某种方式获取iframe内容。iframe中的所有内容均来自其他网站。iframe中有一个文本框和一个按钮,我想检测内容何时更新,如果iframe中有特定内容,那么我需要执行一些操作。目前我所拥有的是:$(document).ready(function(){vartimesRefreshed=0;$('#frame').load(function(){if(timesRefreshed==1){vardata={transactionID:'@Model.OrderId'};$.ajax({type:"POST",url:'@Url.Act

javascript - 当 iframe 在 drop 函数中移动时,在 Chrome 中不触发 Dragend 事件

编辑:这已在Chrome72中修复!JSFiddle:https://jsfiddle.net/r8wxpujg/1/在每个完整的拖放操作中,我希望在被拖动的元素上触发dragstart和dragend事件。上面链接的演示通过计算dragstart和dragend事件来演示这种效果。当图像通过拖放操作四处移动时,dragstart和dragend事件将触发并且计数器按预期递增。单击按钮时,不是四处移动图像,而是四处移动iframe,dragend计数器停止递增,表明dragend事件永远不会被触发。在Chrome中,在DOM中移动iframe会取消触发dragend事件。我已经在Fir