草庐IT

embed_iframe

全部标签

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

javascript - 使用 easyXDM 在父文档和从不同域加载的子 iframe 之间进行通信(亚马逊)

我正在尝试使用easyXDM在父文档和子iframe之间进行通信(从不同的域加载-亚马逊)。iframesrc是一个oauth签名的url,并具有以下代码来与加载它的父文档进行通信:socket=neweasyXDM.Socket({remote:"http://localhost:56789/hitch.html",/*parentdocument*/remoteHelper:"http://localhost:56789/easyXDM/name.html",onMessage:function(message,origin){alert("Received'"+message+"

html - iframe 中的位置固定 div 不起作用

我正在开发facebookiframe应用程序。我在这个应用程序中有一个弹出消息框。那个弹窗是有固定位置的。但它不能像在没有滚动的iframe中添加的那样工作。如果在iframe中没有滚动,是否可以使弹出固定在适当的位置? 最佳答案 Isitpossibletomakepopupfixedinpositionifitsintheiframehavingnoscroll?不是-iframe本身就是一个文档。任何带有position:fixed的内容都不相对于主文档是固定的。如果您想要相对于主文档固定某些内容,则需要将其放入主文档中-直