两个DIV等高的JS的实现代码

我使用了下面的JS来控制两个DIV的等高，放在网页的最下面。 


代码如下:

<script type="text/javascript"> 
    var mainCon=document.getElementById("sidebar-right").scrollHeight 
    var sidebar=document.getElementById("center").scrollHeight 
    layoutHeight=Math.max(mainCon,sidebar) 
    document.getElementById("sidebar-right").style.height=layoutHeight+"px" 
    document.getElementById("center").style.height=layoutHeight+"px" 
</script>

在IE下正常，在火狐下，每次都要刷新一次，才能自动拉伸，大家有好的方法解决吗？

赞 (0)

相关推荐

  • 两个DIV等高的JS的实现代码

    我使用了下面的JS来控制两个DIV的等高,放在网页的最下面.  复制代码 代码如下: <script type="text/javascript">      var mainCon=document.getElementById("sidebar-right").scrollHeight      var sidebar=document.getElementById("center").scrollHeight      layo

  • 使用jQuery实现两个div中按钮互换位置的实例代码

    使用jQuery实现两个div中按钮互换位置的实例代码

    效果如下 代码如下: <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <script type="text/javascript"> $(function() { /

  • 一些实用性较高的js方法

    本文分享下自己平时积累的一些实用性较高的js方法,供大家指点和评价.本想分篇介绍,发现有点画蛇添足.整理了下也没多少拿得出手的方法,自然有一些是网上看到的个人觉得很有实用性的方法,在这里一起贴出来供大家探讨. 1.点击返回若没有之前页面则跳转到规定页面 首先是客户需求中要求--单个分享到微信的页面,点击返回可以跳转到网站首页. 期间这个功能有和客户探讨过,能否在页面中添加回到首页按钮进行跳转. 可是这种方式无法作用到每个页面,并且指明需要该功能的分享页面没有可以放得下一个图标,又不影响美观的地方

  • 如何编写高质量JS代码(续)

    继续上一篇文章<如何编写高质量JS代码>今次整理一下javascript函数知识点. 2.使用函数 函数给程序员提供了主要的抽象功能,又提供实现机制.函数可以独立实现其他语言中的多个不同的特性,例如,过程.方法.构造函数,甚至类或模块. 2.1 理解函数调用.方法调用以及构造函数调用之间的不同 针对面向对象编程,函数.方法和类的构造函数是三种不同的概念. 使用模式: 1,函数调用 复制代码 代码如下: function hello(username){     return "hel

  • js计算两个日期间的天数月的实例代码

    计算结果为几个月零几天 <html> <head> <title>计算天数月</title> <meta charset="GBK"> <script type="text/javascript"> function dateU(date1,date2){//date2-date1 var y1=Number(date1.substr(0,4));//年 var y2=Number(date2.

  • jquery实现两个div中的元素相互拖动的方法分析

    本文实例讲述了jquery实现两个div中的元素相互拖动的方法.分享给大家供大家参考,具体如下: 这里写了两个实例,两个都是基于jquery实现的.如果有更好的方法,欢迎分享. 第一个效果图: 拖动中: 拖动完成后: 代码实现: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="styles

  • js+div+css下拉导航菜单完整代码分享

    js+div+css下拉导航菜单完整代码分享

    效果预览:http://keleyi.com/keleyi/phtml/menu/1.htm 下拉菜单 js+div+css下拉导航菜单完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w

  • 解决同一页面中两个iframe互相调用jquery,js函数的方法

    这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0" src="b.html" id="left">&

  • js计算两个时间差 天 时 分 秒 毫秒的代码

    具体代码如下所述: // 计算两个时间差 dateBegin 开始时间 function timeFn(dateBegin) { //如果时间格式是正确的,那下面这一步转化时间格式就可以不用了 var dateEnd = new Date();//获取当前时间 var dateDiff = dateEnd.getTime() - dateBegin;//时间差的毫秒数 var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天

  • 非常不错的一个JS分页效果代码，值得研究

    本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~ 补充一句,cpage是页面计数,应为全局变量,这样可以随处调用它,totalpage是总页数 JS静态分页程序 a:link,a:visited,a:hover,.current,#info{ border:1px solid #DDD; background:#F2F2F2; disp

随机推荐