脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 →

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

 更新时间：2006年11月20日 00:00:00   作者：  
<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="https://www.jb51.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="https://www.jb51.net/index_1.htm" width="100%"></iframe>

</div>
jb51提醒啊，多浏览期兼容需要注意些地方，不要用document.all用兼容好的，
您可能感兴趣的文章:

相关文章

  • js trim函数 去空格函数与正则集锦

    js trim函数 去空格函数与正则集锦

    在javascript中处理文本框输入值的时候，经常要用到"去掉前后空白"的功能。用过jQuery的朋友都知道，jQuery提供了一个trim()这样的功能函数，可以很轻松帮我们实现这样的效果。
    2009-11-11
  • webpack3之loader全解析

    webpack3之loader全解析

    这篇文章主要介绍了webpack3之loader全解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • js匿名函数作为函数参数详解

    js匿名函数作为函数参数详解

    下面小编就为大家带来一篇js匿名函数作为函数参数详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • js中function()使用方法

    js中function()使用方法

    通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递，下面为大家介绍下函数的使用语法
    2013-12-12
  • 微信小程序自定义组件与页面的相互传参

    微信小程序自定义组件与页面的相互传参

    这篇文章主要为大家介绍了微信小程序自定义组件与页面的相互传参过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪
    2022-04-04
  • Math.js解决js中小数精度丢失问题

    Math.js解决js中小数精度丢失问题

    在JavaScript中进行小数运算时,会容易出现精度丢失的问题,例如在进行两个小数相加时,结果并不是预期的精确值,而是一个近似值,,使用第三方库Math.js可以避免精度丢失的问题,本文导入Math.js库和使用Math.js的方法来进行小数运算,同时还可以指定格式来保留小数位数
    2023-12-12
  • 小程序实现筛子抽奖

    小程序实现筛子抽奖

    这篇文章主要为大家详细介绍了小程序实现筛子抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-05-05
  • JavaScript数组合并的8种常见方法小结

    JavaScript数组合并的8种常见方法小结

    项目过程中经常会遇到 JS 数组合并的情况,时常为这个纠结,这里整理一下,下面这篇文章主要给大家介绍了关于JavaScript数组合并的8种常见方法,需要的朋友可以参考下
    2022-11-11
  • 一组JS创建和操作表格的函数集合

    一组JS创建和操作表格的函数集合

    在用AJAX的时候，经常要用JS操作DOM，当涉及到数据列表的时候，那用表格比较多，这里写了组函数集合，专门用来操作表格，当然，目前还有很多不足，但是对一些简单操作还是很方便的。
    2009-05-05
  • JS实现的抛物线运动效果示例

    JS实现的抛物线运动效果示例

    这篇文章主要介绍了JS实现的抛物线运动效果,结合实例形式分析了javascript抛物线运动的相关运算与元素动态操作实现技巧,需要的朋友可以参考下
    2018-01-01

最新评论