首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

js获取各种高度总结

在写js的时候偶尔需要获取各种高度,比如;浏览器高度,页面高度,滚动高度等。抽空整理了我自己常用到的,时间仓促,没有考虑到万恶的IE浏览器。。。。...获取屏幕的高度和宽度(屏幕分辨率): window.screen.height window.screen.width 获取屏幕工作区域的高度和宽度(去掉状态栏): window.screen.availHeight...window.screen.availWidth 网页全文的高度和宽度: document.body.scrollHeight document.body.scrollWidth 滚动条卷上去的高度和向右卷的宽度...: document.body.scrollTop document.body.scrollLeft 网页可见区域的高度和宽度(不加边线): document.body.clientHeight document.body.clientWidth...网页可见区域的高度和宽度(加边线): document.body.offsetHeight document.body.offsetWidth

12.2K20

jsdocument.getElementById()用法「建议收藏」

= document.getElementById(“regjm1”).value ) { alert(“提示:请输入有效的认证码”); document.getElementById...用这个方法基本上可以控制页面所有标签,条件很简单就是给每个标签分配一个ID号 document.getElementById(“link”).href; document.getElementById...(“link”).target; document.getElementById(“img”).src; document.getElementById(“img”).width; document.getElementById...返回具有指定 ID 属性值的第一个比如说有个网页中有个text框的id叫text1 getElementById(text1)就能得到这个text1框的对象,并使用text框的所有属性和方法 这个是JS...这个是JS的一个方法,意思是通过控件ID取得元素的值,如一个form里包函text、label等,他们都是FORM的元素,有一个分配的ID,getElementById()是取得这些元素的text值的。

2.1K20

bootstrap 表格插件bootstrap-table的js设置高度高度自适应

js控制bootstrapTable的高度有几种方法 1、 ...$(window).height() - 120 }); 两者的区别是table元素中第二种方法是含有data-toggle="table" 及data-height="350",js...).ready(回调函数),需要加上"resetView" 否则不起作用 如果我们根据table里面的内容来确定container的高度,当内容的高度大于窗口的高度就有滚动条,当内容的高度小于窗口的高度...,container的高度设置为内容的高度 完整的js如下: $(document).ready(function() { //设置bootstrapTable起始的高度 $('#tableTest1...').bootstrapTable({ height: $(window).height() - 120 }); //当表格内容的高度小于外面容器的高度,容器的高度设置为内容的高度,相反时容器设置为窗口的高度

20.4K20

js获得浏览器高度和宽度 参数

document.documentElement.clientHeight -->浏览器的高度 document.documentElement.scrollHeight 全文的高度 document.documentElement.scrollTop...==> 可见区域高度 在Opera中: document.body.clientWidth ==> 可见区域宽度 document.body.clientHeight ==> 可见区域高度...==> 页面对象高度(即BODY对象高度加上Margin高) 而如果没有定义W3C的标准,则 IE为: document.documentElement.clientWidth ==> 0 document.documentElement.clientHeight...==> 页面对象高度(即BODY对象高度加上Margin高) Opera为: document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上...Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) //获取滚动条的高度 function getPageScroll

5.9K41

JS - 可自动伸缩高度的文本框

textarea如果设定了宽高,那么如果文本超出框的高度,会自动出现滚动条。而不会撑开文本框的高度。 如果什么也不设置,最小宽高很窄很细,随便输入内容也会超出文本框隐藏,且自动增加滚动条。 ?...怎么让文本框初始化设置一定的高度,但是文字超出时自动跟随内容的高度伸缩? 答: 初始化高度通过css设置(如上),自动伸缩的高度值通过js来计算(如下)。...如果js计算的话,就需要事件触发,用change事件? 答:但是change事件体验不好。 为什么? change事件的现象是,输入框失去焦点的时候才会触发。...答:就是计算文本框的滚动高度,即内容高度 具体怎么做? 答:键盘每次弹起的时候,获取文本框的内容高度添加给文本框的高度,即可让其实时的跟随内容自适应。 内容高度用什么属性计算?...即:scrollHeight:给定对象的滚动高度,即内容的可视高度

9.2K20
领券