js获取屏幕大小,元素top值等等
<script>
function a(){
document.write(
"屏幕分辨率为:"+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽:"+document.body.clientWidth
+"<br />"+
"网页可见区域高:"+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽):"+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽):"+document.body.offsetHeight
+"<br />"+
"网页正文全文宽:"+document.body.scrollWidth
+"<br />"+
"网页正文全文高:"+document.body.scrollHeight
+"<br />"+
"网页被卷去的高:"+document.body.scrollTop
+"<br />"+
"网页被卷去的左:"+document.body.scrollLeft
+"<br />"+
"网页正文部分上:"+window.screenTop
+"<br />"+
"网页正文部分左:"+window.screenLeft
+"<br />"+
"屏幕分辨率的高:"+window.screen.height
+"<br />"+
"屏幕分辨率的宽:"+window.screen.width
+"<br />"+
"屏幕可用工作区高度:"+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度:"+window.screen.availWidth
);
}
js获取元素到浏览器顶部距离:
Element.offsetTop
js获取元素到浏览器左侧距离:
Element.offsetLeft
jq获取和设置元素到浏览器顶部距离:
$(Element).offset().top
$(Element).offset({top:number})
移动端获取页面的X,Y坐标
var Div = document.getElementById("BODY"); Div.ontouchstart = function(e){ var touch = e.touches[0]; //clientX,clientY获取当前触控点的坐标, var x = touch.clientX; var y = touch.clientY; //pageX,pageY获取页面的X,Y坐标 var pageX = touch.pageX var pageY = touch.pageY }