JS获取浏览器宽和高
2013-01-27 11:27
232 查看
<form action="" name="form1"> <input type="text" name="width"/> <input type="text" name="height"/> </form> <script type="text/javascript"> function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if ((document.body) && (document.body.clientHeight)) winHeight = document.body.clientHeight; //通过深入Document内部对body进行检测,获取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winHeight = document.documentElement.clientHeight; winWidth = document.documentElement.clientWidth; } //结果输出至两个文本框 document.form1.width.value= winWidth; document.form1.height.value= winHeight; } //调用函数,获取数值 findDimensions(); //关联窗口改变事件 window.onresize=findDimensions; </script>
相关文章推荐
- JS获取浏览器和和设备相关属性整理
- js 获取浏览器高度和宽度值(多浏览器)
- JS获取屏幕,浏览器,网页高度宽度
- js获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取关闭浏览器事件
- js获取浏览器的可视区域尺寸的实现代码
- js获取浏览器内核信息
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- js 获取屏幕各种宽高的方法(浏览器兼容)
- js获取指定节点对象的样式属性的值的封装函数(兼容ie、Opera和符合w3c标准浏览器)
- JS获取当前使用的浏览器名字以及版本号
- js获取浏览器信息
- js获取浏览器高度和宽度值(多浏览器)
- 【转】js获取浏览器信息和客户端硬件信息
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器高度和宽度
- JS获取浏览器UA(User Agent 用户代理)方法
- js/jquery获取浏览器窗口的可视区域高度和宽度,滚动条高度