js style动态设置table高度


Posted in Javascript onOctober 21, 2014

直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?

function com_onresize(){

var contentsHeight = document.body.clientHeight;
var buttonsHeight = document.getElementById( "buttons" ).offsetHeight;
var head1Height = document.getElementById( "head1" ).offsetHeight;
var head2Height = document.getElementById( "head2" ).offsetHeight;

var t1 = document.getElementById( "TableContainer1" ).style.height;
var t2 = document.getElementById( "TableContainer2" ).style.height;

//alert(document.getElementById( "TableContainer1" ).style.height);
var h = contentsHeight - buttonsHeight - head1Height - head2Height - 13;
if(h < 110){
return;
}
document.getElementById( "TableContainer1" ).style.height = h/2 + 'px';
document.getElementById( "TableContainer2" ).style.height = h/2 + 'px';
}
function com_sbs_pagesize(){
var screenHeight = window.screen.height;
  var availHeight = window.screen.availHeight;
  //alert(document.getElementById( "TableContainer1" ).children[0].rows.length);
  var index = document.getElementById( "TableContainer1" ).children[0].rows.length
  var buttonsHeight = document.getElementById( "buttons" ).offsetHeight;
var head1Height = document.getElementById( "head1" ).offsetHeight;
var head2Height = document.getElementById( "head2" ).offsetHeight;

  var mainH = buttonsHeight + head1Height +head2Height + 13;
  //20:scroll 35:title 25:tr
  while ((availHeight-mainH) < (20 + 35 + 25*index)*2)
{
 index = index - 1;
}
var tableHeight = 20 + 35 + 25*index;
  document.getElementById( "TableContainer1" ).style.height = tableHeight + 'px';
  document.getElementById( "TableContainer2" ).style.height = tableHeight + 'px';
  window.resizeTo(document.body.offsetWidth,mainH + tableHeight*2);
}
Javascript 相关文章推荐
一些易混淆且不常用的属性,希望有用
Jan 29 Javascript
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
jQuery 相关控件的事件操作分解
Aug 03 Javascript
google地图的路线实现代码
Aug 20 Javascript
JS数组的常见用法实例
Feb 10 Javascript
javascript实现获取字符串hash值
May 10 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
angular2倒计时组件使用详解
Jan 12 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
js读写json文件实例代码
Oct 21 #Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 #Javascript
javascript Deferred和递归次数限制实例
Oct 21 #Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 #Javascript
jquery中post方法用法实例
Oct 21 #Javascript
js调试工具Console命令详解
Oct 21 #Javascript
JS中FRAME的操作问题实例分析
Oct 21 #Javascript
You might like
别人整理的服务器变量:$_SERVER
2006/10/20 PHP
PHP下几种删除目录的方法总结
2007/08/19 PHP
php smarty函数扩展
2010/03/15 PHP
Godaddy空间Zend Optimizer升级方法
2010/05/10 PHP
Javascript与PHP验证用户输入URL地址是否正确
2014/10/09 PHP
PHP 读取和编写 XML
2014/11/19 PHP
php编程每天必学之验证码
2016/03/03 PHP
php设计模式之适配器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
2018/05/26 jQuery
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
ES6基础之 Promise 对象用法实例详解
2019/08/22 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
解决vue-cli输入命令vue ui没效果的问题
2020/11/17 Javascript
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
Python 元组操作总结
2019/09/18 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
学子宴答谢词
2014/01/25 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
技校毕业生自荐书
2014/05/23 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书