当前位置:编程学习 > JS >>

使两个iframe的高度与内容自适应,且相等

答案:<div class="TxtBox">
<iframe frameborder="0" scrolling="no" name="news1" id="news1" onload="if(document.frames['news1'].document.body.scrollHeight>document.frames['news2'].document.body.scrollHeight) document.all.news1.height=document.frames['news1'].document.body.scrollHeight;if(document.frames['news1'].document.body.scrollHeight<=document.frames['news2'].document.body.scrollHeight) document.all.news1.height=document.frames['news2'].document.body.scrollHeight;" src="http://www.zhaoxi.net" width="100%"></iframe>
</div>

<div class="TxtBox">

<iframe frameborder="0" scrolling="no" name="news2" id="news2" onload="if(document.frames['news1'].document.body.scrollHeight>document.frames['news2'].document.body.scrollHeight) document.all.news2.height=document.frames['news1'].document.body.scrollHeight;if(document.frames['news1'].document.body.scrollHeight<=document.frames['news2'].document.body.scrollHeight) document.all.news2.height=document.frames['news2'].document.body.scrollHeight;" src="http://www.zhaoxi.net/index_1.htm" width="100%"></iframe>

</div>
zhaoxi提醒啊,多浏览期兼容需要注意些地方,不要用document.all用兼容好的,

上一个:HTML页面如何象ASP一样接受参数
下一个:通过JAVASCRIPT读取ASP设定的COOKIE

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,