<script type="text/javascript">
function SetCwinHeight(){
var iframemain=document.getElementById("iframemain"); //iframe id
if (document.getElementById){
if (iframemain && !window.opera){
if (iframemain.contentDocument && iframemain.contentDocument.body.offsetHeight){
alert( iframemain.contentDocument.body.offsetHeight)
iframemain.height = iframemain.contentDocument.body.offsetHeight;
}else if(iframemain.Document && iframemain.Document.body.scrollHeight){
iframemain.height = iframemain.Document.body.scrollHeight;
}
}
}
}
</script>
<a href="sd.html" target="iframemain">baidu</a>----
<a href="text.html" target="iframemain">qq</a>------
<a href="ddd.html" target="iframemain">dddd</a>------
<br>
<iframe width="100%" id="iframemain" name="iframemain" onload="Javascript:SetCwinHeight()" scrolling="no" height="1" frameborder="0" src="text.html"></iframe>
新建几个页面,静态的,用内容把高度调一下,点击链接就可以实现火狐的高度自适应了,网上例子挺多的。
分享到:
相关推荐
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那...iframe自适应高度,亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器
同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然 后在主页面进行设置来实现。 代码如下,可复制。另外,
NULL 博文链接:https://cjb.iteye.com/blog/406466
iframe自动适应高度,很难得的资源,很多下载的都是部分浏览器可以用,这个可以兼容360.ie6789等,遨游,火狐。搜狗等浏览器。。亲自测试。
这里是因为firefox windows.top如果没有那么就是空,在IE下windows.top就是本窗口 页面不断的刷新 不断的运行这段js代码这就造成了一个死循环,也是为什么页面一直在刷新. 所以我更改了方式,使用下面这段代码 兼容...
NULL 博文链接:https://kev1n.iteye.com/blog/1222483
iframe高度自适应,多浏览器兼容 已测试过在ie6,7,8,firefox8,chrom15中通过
代码如下: [removed] function getIframeContent(){ //获取iframe中文档内容 var doc;... }else{//Firefox doc = document.getElementById(“MyIFrame”).contentDocument; } return doc.body[removed]; } [removed]
iframe自适应高度兼容各主流浏览器,经本人亲手测试。 通过测试的浏览器:IE/Firefox/Chrome/Opera/Safari 注:此方法不支持DOM动态操作 版本太旧,自行选择
当你在页面上使用了iframe之后...这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话,原理是一样的,本文不加详述。 首先,在你的主页面上必须包含以下这段javascript代
本文实例讲述了JS实现pasteHTML兼容ie,firefox,chrome的方法。分享给大家供大家参考,具体如下: <html> <body> [removed] function test() { if (document.selection && document.selection....
主要介绍了JS实现iframe编辑器光标位置插入内容的方法,可实现文本与图片的插入功能,并兼容IE和Firefox浏览器,需要的朋友可以参考下
iframe在ie8 、谷歌浏览器4.0和 firefox3.5.3均成功自适应高度.
主要介绍了JS实现iframe自适应高度的方法,涉及javascript与iframe交互动态操作页面元素属性的相关技巧,需要的朋友可以参考下
让iframe自适应高度(支持xhtml)IE firefox兼容
从网上找的Iframe自适应高度,不是自已写的! 从哪找的忘了,要不一定写明出处! 放出来给自已留个备份!