Js中常用的宽度、高度

  经常使用放大缩小功能,各种宽度和高度就常被用到。

1 显示器分辨率宽度 window.screen.width

2 显示器分辨率高度 window.screen.height

3 显示器可用工作区宽度=显示器分辨率宽度-左边任务栏宽度 window.screen.availWidth

4 显示器可用工作区高度=显示器分辨率高度-下边任务栏高度 window.screen.availHeight

5 获得用于该元素具体的定位信息 

/// <summary>
/// 1: jQueryExtension.Window.Document.Element.Position(Properties) - 获得用于该元素具体的定位信息。
/// </summary>
/// <param name="Properties" type="Options">
/// 一组用于默认配置的键/值对。
/// 1: Selector: null - (选择器)需要获取定位信息的元素。
/// </param>
///    <returns type="object" />

function GetPosition(Selector) {
var SelectorJQ = $(Selector);
var Position = {};

if (SelectorJQ.length > 0) {
var position = SelectorJQ.position();
Position.RelativeTop = position.top;
Position.RelativeLeft = position.left;

var offset = SelectorJQ.offset();
Position.AbsoluteTop = offset.top;
Position.AbsoluteLeft = offset.left;

};

return Position;
}

6 鼠标位置

function mousePos(e){
var x,y;
var e = e||window.event;
return {
x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
};
};
 
View Code

   加两个浏览器的宽度和高度

浏览器的宽度:$(window).width()
浏览器的高度:$(window).height()
View Code

   鼠标位置

e.PageX  e.PageY

posted @ 2013-07-15 13:07  戒一字  阅读(216)  评论(0)    收藏  举报