动态获取浏览器的宽度和高度
来源:互联网 发布:数据库攻击手段sql注入 编辑:程序博客网 时间:2024/05/17 03:43
常用的宽度属性 :
屏幕分辨率的宽:window.screen.width;
网页可见区域宽:document.body.clientWidth(不包括边框);
网页可见区域宽:document.body.offsetWidth(包括边框的宽);
与之相对应的高度属性window.screen.height;document.body.height;document.body.offsetHeight.
利用这些属性,即可获取浏览器窗口的相关属性。
简单示例:
<head>
<title></title>
<meta http-equiv="content-type" content="text/html charset=utf-8">
</head>
<body>
<input type="button" value="测试" id="btn1"
style="width: 60px;border: 1px solid green;margin: 10px"/>
<script>
function func1(){
var btn=document.getElementById("btn1");
var len=document.body.clientWidth;
btn.value=len;
}
func1();
window.onresize=func1;
</script>
</body>
0 0
- 动态获取浏览器的宽度和高度
- javascript获取浏览器的宽度和高度
- 获取浏览器的高度和宽度
- JS获取浏览器的高度和宽度
- 获取浏览器窗口的高度和宽度
- 获取浏览器窗口的高度和宽度
- 动态获取UILabel的高度和宽度
- 动态获取UILabel的高度和宽度
- 动态获取UILabel的高度和宽度
- 获取浏览器高度和宽度
- jquery获取浏览器和屏幕的高度和宽度
- 获取浏览器页面区域的宽度和高度
- JQuery获取浏览器窗口的高度和宽度
- Js获取浏览器的高度和宽度等参数
- [js][jQuery]JQuery获取浏览器的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- Jquery获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- shell获取某个时间段的nginx日志内容
- 浅析C++中的this指针
- 网站优化细节URL结构直接有哪些关系
- 因式分解
- RQNOJ T480 相连的农场
- 动态获取浏览器的宽度和高度
- js获取option中的文本
- 1Wire通信底层
- 畅通工程-Floyed算法
- BZOJ 1854 [Scoi2010] 游戏 题解与分析
- 试水工程
- Java 动态代理实现解析
- ZOJ 2972 Hurdles of 110m(DP)
- 常用上网增强类Chrome扩展