Xác định vị trí của cửa sổ trình duyệt bằng JavaScript?

Question

Vì nhiều lý do ngớ ngẩn khác nhau, tôi muốn có thể phát hiện hình chữ nhật của cửa sổ trình duyệt trên màn hình. Thanh tiêu đề và tất cả.

Điều này có thể hay JavaScript bị giới hạn ở cổng chế độ xem của trang?

Chỉnh sửa: Tôi có thể không rõ ràng, nhưng cổng xem là phần của trang hiển thị trong cửa sổ. Đây có thể không phải là một thuật ngữ thường được sử dụng với các trình duyệt, nhưng nó phổ biến trong đồ họa.

Answer 1

Đối với tiêu chuẩn trình duyệt tương thích:

X - window.screenX
Y-window.screenY

Đối với IE:

X-window.screenLeft
Y - window.screenTop

Hãy ghi nhớ, implementations vary. Cẩn thận với các thiết lập đa màn hình ...

Answer 2

Sao chép dán từ kết quả đầu tiên của google:

// Browser Window Size and Position 
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005 
// you may copy these functions but please keep the copyright notice as well 
function pageWidth() 
{ 
return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null; 
} 
function pageHeight() 
{ 
return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null; 
} 
function posLeft() 
{ 
return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0; 
} 
function posTop() 
{ 
return typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0; 
} 
function posRight() 
{ 
return posLeft()+pageWidth(); 
} 
function posBottom() 
{ 
return posTop()+pageHeight(); 
} 

Answer 3

Hãy nhìn vào các thuộc tính sau:

• window.screen.height: Trả về chiều cao của màn hình bằng pixel.
• window.screen.top: Trả về khoảng cách tính bằng pixel từ phía trên cùng của màn hình hiện tại.
• window.screen.width: Trả lại chiều rộng của màn hình.
• window.screen.left: Trả về khoảng cách tính bằng pixel từ phía bên trái của màn hình chính sang bên trái của màn hình hiện tại.

(Những điều này sẽ không cung cấp cho bạn kích thước cửa sổ hoặc vị trí, nhưng có thể cho phép bạn để giải thích một cách chính xác họ khi hoạt động trên một hệ thống với nhiều màn hình)