Javascript 如何在Mozilla Firefox中手动调整iFrame大小
我在弹出窗口中使用了两个iFrame。在IE中,我可以手动拉伸第一帧,但在Firefox中不可能。我怎样才能做到这一点Javascript 如何在Mozilla Firefox中手动调整iFrame大小,javascript,html,iframe,Javascript,Html,Iframe,我在弹出窗口中使用了两个iFrame。在IE中,我可以手动拉伸第一帧,但在Firefox中不可能。我怎样才能做到这一点 <iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no" style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
src="help.html" />
第一个iFrame的代码(我需要能够手动拉伸):
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
src="help.html" />
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
src="help.html" />
问题是您将iframe设置为100%的高度,但这是多少?100%什么?它始终是元素的父元素,因此iframe的父元素是设置为100%的主体,但这是什么值
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
src="help.html" />
主体的父对象是html
,那么html设置为什么呢?这就是问题所在。Html的父对象是视口,将Html的高度设置为100%将为您提供视口高度的实际尺寸值,该值将级联到iframe并为您提供实际尺寸值
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
src="help.html" />
为此,您还可以将这些父对象中的任何一个设置为实际值,例如200px。iframe父对象的维度是什么?事实上,它可以在IE中工作,但不能在Firefox中工作,这意味着你的标记是错误的。谢谢你的回复。在这个要调整大小的框架内,谢谢回复Rob。我正在尝试。请发现这个框架集代码也在这个要调整大小的框架内,comeschanging height值不起作用。搜索多个源时,我会获得指向noresize属性n frameborder=“0”或“否”的链接。如果你有任何指导,我会帮上大忙的。谢谢
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
src="help.html" />