Js获取标签高度
2014-01-04 17:09
381 查看
能力有限:问个问题,标签相对页面高度,是怎么写?
鼠标的横坐标,X轴: event.clientX;
鼠标的竖坐标,Y轴: event.clientY;
网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域高(包括边线的宽): document.body.offsetHeight;
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
屏幕可用工作区宽度: window.screen.availWidth;
标签内部高度: divHg.clientHeight; divHg为对象: var divHg = document.getElementById("xxxxx");
标签内部高度: divWd.clientWidth; divWd为对象: var divWd = document.getElementById("xxxxx");
=================================Script使用例子===================================
var divHg = document.getElementById("tit");//标签id
var divWd = document.getElementById("tit");//标签id
var s ="鼠标的横坐标,X轴:"+ event.clientX;
s += "\r\n鼠标的竖坐标,y轴:"+ event.clientY;
s += "\r\n网页可见区域宽 :"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
s += "\r\n标签内部高度:"+ divHg.clientHeight;
s += "\r\n标签内部宽度:"+ divWd.clientWidth;
alert(s);
鼠标的横坐标,X轴: event.clientX;
鼠标的竖坐标,Y轴: event.clientY;
网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域高(包括边线的宽): document.body.offsetHeight;
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
屏幕可用工作区宽度: window.screen.availWidth;
标签内部高度: divHg.clientHeight; divHg为对象: var divHg = document.getElementById("xxxxx");
标签内部高度: divWd.clientWidth; divWd为对象: var divWd = document.getElementById("xxxxx");
=================================Script使用例子===================================
var divHg = document.getElementById("tit");//标签id
var divWd = document.getElementById("tit");//标签id
var s ="鼠标的横坐标,X轴:"+ event.clientX;
s += "\r\n鼠标的竖坐标,y轴:"+ event.clientY;
s += "\r\n网页可见区域宽 :"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
s += "\r\n标签内部高度:"+ divHg.clientHeight;
s += "\r\n标签内部宽度:"+ divWd.clientWidth;
alert(s);
相关文章推荐
- JS 禁止IE用右键
- 网页中模糊查询js插件autocomplete和typeahead
- JAVASCRIPT特性的学习
- JavaScript将数据转换成整数的方法
- HTML5画布阶段数据与KineticJS URL
- uva 10917 (Dijsktra+记忆化搜索) **月赛第D题的原题**
- HTML5画布和KineticJS动物在沙滩上游戏
- HTML5画布KineticJS拖拽压力测试10000形状
- JS闭包(Javascript Closures译文)
- js传url中文参数乱码问题
- javascript闭包工作原理
- js_event.keycode值大全
- js+html5双人五子棋(源码下载)
- 一篇文章搞定JSON
- How to create a GUID / UUID in Javascript?
- JSTL 标签库 下载及配置
- js对文件的操作
- 学习总结——js
- 初学JS--input限制输入(含中文英文数字)
- JS 将select和text表单项替换为普通文本