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

网络编程 2025/5/19 佚名

3 2 1

明霞山资源网 Design By www.htccd.com

<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="/UploadFiles/2021-04-02/www.jb51.net"></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="/UploadFiles/2021-04-02/index_1.htm">
</div>
jb51提醒啊，多浏览期兼容需要注意些地方，不要用document.all用兼容好的，