javascript设置表格的宽度和高度

JavaScript08

javascript设置表格的宽度和高度,第1张

window.outerheight

窗口总高度

和window.screen.availheight一样

window.innerheight

窗口可视区域高度

window.screen.height

显示器屏幕高度

另外:jquery获取高度

$(".thiscrumbs").height()

元素本身高度

$(".thiscrumbs").innerheight()

元素高度+内边距

$(".thiscrumbs").outerheight()

元素高度+内边距+边框

$(".thiscrumbs").outerheight(true)

元素高度+内边距+边框+外边距

这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要使用calc来设置高度,然后给表格设置:height="tableH"的属性

最外层div高度的设置方法

动态获取表格高度tableH的方法

还是需要在表格外加一层div,div高度设置和方法一相同,不过表格高度不用动态设置,直接设置height="100%"即可

这种方法不需要设置外层div,定义一个文件夹tableHeight分别定义一个tableHeight.js和index.js

tableHeight.js如下

index.js如下

使用方式,在main.js里面引入以便全局使用,当然你也可以局部引入

main.js

在表格中使用