草庐IT

login-status-iframe

全部标签

html - 如何动态设置iframe大小

我应该如何动态设置iframe的尺寸,以便该尺寸对于不同的视口(viewport)尺寸是灵活的?例如:HiSOF在这种情况下,高度因浏览器的窗口大小而异。它应该根据浏览器窗口的大小动态设置。在任何尺寸下,iframe的纵横比都应该相同。如何做到这一点? 最佳答案 如果你使用jquery,可以使用$(window).height();HiSOF$('.myIframe').css('height',$(window).height()+'px'); 关于html-如何动态设置iframe大

jquery - 使用 jQuery 控制 iframe 高度

我正在使用jQuery来控制iframe的高度。jQuery("iframe",top.document).contents().height();这在iframe的高度增加时有效。当高度降低时,它不起作用。它只返回旧值。为什么会这样? 最佳答案 我使用以下并且它完美地工作......$("#frameId").height($("#frameId").contents().find("html").height());当然只是在它被调用时(没有“自动调整大小”)......但它随着减少而增加

jquery - 使用 jQuery 控制 iframe 高度

我正在使用jQuery来控制iframe的高度。jQuery("iframe",top.document).contents().height();这在iframe的高度增加时有效。当高度降低时,它不起作用。它只返回旧值。为什么会这样? 最佳答案 我使用以下并且它完美地工作......$("#frameId").height($("#frameId").contents().find("html").height());当然只是在它被调用时(没有“自动调整大小”)......但它随着减少而增加

html - 如何使 iframe 具有指针事件 : none; but not on a div inside that?

我有一个带有继承pointer-events:none;的iframe但是当我插入一个在iframe中带有pointer-events:auto;div不会对点击或任何鼠标悬停事件使用react。原因是iframe在里面所以它有点像一个小菜单。但我希望用户点击iframe,而不是通过iframe中的链接和div。是的,它绝对需要保留一个iframe。我怎样才能绕过这个?我什至可以绕过这个吗?这是一个简单的例子:jsfiddle.net/MarcGuiselin/yLo119sw/2 最佳答案 根据您在jsfiddle上上传的示例,您

html - 如何使 iframe 具有指针事件 : none; but not on a div inside that?

我有一个带有继承pointer-events:none;的iframe但是当我插入一个在iframe中带有pointer-events:auto;div不会对点击或任何鼠标悬停事件使用react。原因是iframe在里面所以它有点像一个小菜单。但我希望用户点击iframe,而不是通过iframe中的链接和div。是的,它绝对需要保留一个iframe。我怎样才能绕过这个?我什至可以绕过这个吗?这是一个简单的例子:jsfiddle.net/MarcGuiselin/yLo119sw/2 最佳答案 根据您在jsfiddle上上传的示例,您

html - 如何从内部更改 iframe 的大小?

我正在使用jquery进行开发,但我偶然发现了下一个问题:我在主页中添加了一个IFrame,我想从内部重新调整它们的大小。我尝试了一些想法但没有成功。这是我的代码:index.htmlIndex框架.htmlIFramedocument.width=500;document.height=500;MyIFrame 最佳答案 当您创建一个IFRAME时,浏览器会自动在主页的'window'对象内为该IFRAME添加一个'window'对象.您需要更改IFRAME的大小而不是文档的大小。试试这段代码:对于JavaScript:windo

html - 如何从内部更改 iframe 的大小?

我正在使用jquery进行开发,但我偶然发现了下一个问题:我在主页中添加了一个IFrame,我想从内部重新调整它们的大小。我尝试了一些想法但没有成功。这是我的代码:index.htmlIndex框架.htmlIFramedocument.width=500;document.height=500;MyIFrame 最佳答案 当您创建一个IFRAME时,浏览器会自动在主页的'window'对象内为该IFRAME添加一个'window'对象.您需要更改IFRAME的大小而不是文档的大小。试试这段代码:对于JavaScript:windo

javascript - 检测此页面是否在跨域 iframe 中的万无一失的方法

对“Foolproofwaytodetectififrameiscrossdomain”的回答描述了一种方法来测试页面上的iframe是否指向同域或跨域页面,解决不同浏览器对跨域策略的解释并避免错误消息这会打断用户或停止javascript。我正在寻找与此等效的方法,但是从iframe中的子页面测试它是否在跨域iframe中。有可能access(samedomain)infoabouttheparent使用parent全局,例如parent.document.location,但是当它检测到父级是跨域时,是否有可靠的方法来执行此跨浏览器而不会崩溃?为了便于测试,这里有一个jsbin在j

javascript - 检测此页面是否在跨域 iframe 中的万无一失的方法

对“Foolproofwaytodetectififrameiscrossdomain”的回答描述了一种方法来测试页面上的iframe是否指向同域或跨域页面,解决不同浏览器对跨域策略的解释并避免错误消息这会打断用户或停止javascript。我正在寻找与此等效的方法,但是从iframe中的子页面测试它是否在跨域iframe中。有可能access(samedomain)infoabouttheparent使用parent全局,例如parent.document.location,但是当它检测到父级是跨域时,是否有可靠的方法来执行此跨浏览器而不会崩溃?为了便于测试,这里有一个jsbin在j

javascript - 如何从 jQuery 访问框架(不是 iframe)内容

我在一个页面中有2个框架,如下所示(home.html)然后在一个框架中(treeStatus.html)我有类似的东西StatusbarforTree我想从顶部窗口通过jquery操作位于子框架中的div(例如显示和隐藏)。我看过severalquestionslikethis他们提出以下建议$(document).ready(function(){$('#treeStatus').contents().find("#statusText").hide();});我不知道这是否适用于iframe,但在我使用简单框架的情况下,它似乎不起作用。代码放在home.html里面这里是Fire