Đối tượng Window

Đối tượng Window

Đối tượng Window biểu thị cửa sổ mở trong trình duyệt.

Nếu tài liệu chứa khung (thẻ frame hoặc iframe), trình duyệt sẽ tạo một đối tượng window cho tài liệu HTML và tạo một đối tượng window bổ sung cho mỗi khung.

Ghi chú：Không có tiêu chuẩn công khai áp dụng cho đối tượng window, nhưng tất cả các trình duyệt đều hỗ trợ đối tượng này.

Bộ sưu tập đối tượng Window

Bộ sưu tập Mô tả
frames[]

Trả về tất cả các khung được đặt tên trong cửa sổ.

Bộ sưu tập này là mảng của đối tượng Window, mỗi đối tượng Window trong cửa sổ chứa một khung hoặc <iframe>. Thuộc tính frames.length lưu trữ số lượng phần tử trong mảng frames[]. Lưu ý rằng các khung được tham chiếu trong mảng frames[] có thể cũng bao gồm các khung có mảng frames[] của riêng chúng.

Thuộc tính đối tượng Window

Thuộc tính Mô tả
closed Trả về trạng thái cửa sổ có bị đóng hay không.
defaultStatus Đặt hoặc trả về văn bản mặc định trong thanh trạng thái của cửa sổ.
document Tham chiếu chỉ đọc đến đối tượng Document. Xem Đối tượng Document.
history Tham chiếu chỉ đọc đến đối tượng History. Vui lòng tham số Đối tượng History.
innerheight Trả về chiều cao của khu vực hiển thị tài liệu của cửa sổ.
innerwidth Trả về chiều rộng của khu vực hiển thị tài liệu của cửa sổ.
length Đặt hoặc trả về số lượng khung trong cửa sổ.
location Đối tượng Location dùng cho cửa sổ hoặc khung. Xem Đối tượng Location.
name Đặt hoặc trả về tên của cửa sổ.
Navigator Tham chiếu chỉ đọc đến đối tượng Navigator. Vui lòng tham số Đối tượng Navigator.
opener Trả về tham chiếu đến cửa sổ đã tạo cửa sổ này.
outerheight Trả về chiều cao bên ngoài của cửa sổ.
outerwidth Trả về chiều rộng bên ngoài của cửa sổ.
pageXOffset Đặt hoặc trả về vị trí X của trang hiện tại so với góc trên cùng bên trái của khu vực hiển thị cửa sổ.
pageYOffset Đặt hoặc trả về vị trí Y của trang hiện tại so với góc trên cùng bên trái của khu vực hiển thị cửa sổ.
parent Trả về cửa sổ cha.
Screen Tham chiếu chỉ đọc đến đối tượng Screen. Vui lòng tham số Đối tượng Screen.
self Trả về tham chiếu đến cửa sổ hiện tại. Tương đương với thuộc tính Window.
status Đặt văn bản cho thanh trạng thái của cửa sổ.
top Trả về cửa sổ tổ tiên cấp cao nhất.
window Thuộc tính window tương đương với thuộc tính self, nó chứa tham chiếu đến cửa sổ chính.
  • screenLeft
  • screenTop
  • screenX
  • screenY
 Chỉ đọc số nguyên. Định nghĩa tọa độ x và y của góc trên cùng bên trái của cửa sổ trên màn hình. IE, Safari và Opera hỗ trợ screenLeft và screenTop, trong khi Firefox và Safari hỗ trợ screenX và screenY.

Phương pháp đối tượng Window

Phương pháp Mô tả
alert() Hiển thị hộp thoại cảnh báo có đoạn thông báo và nút xác nhận.
blur() Chuyển giao diện phím từ cửa sổ trên cùng xuống cửa sổ khác.
clearInterval() Hủy timeout được thiết lập bởi setInterval().
clearTimeout() Hủy timeout được thiết lập bởi phương pháp setTimeout().
close() Đóng cửa sổ trình duyệt.
confirm() Hiển thị hộp thoại có đoạn thông báo và nút xác nhận và nút hủy.
createPopup() Tạo một cửa sổ pop-up.
focus() Giao diện phím từ cửa sổ này sang cửa sổ khác.
moveBy() Chuyển vị trí theo pixel so với tọa độ hiện tại của cửa sổ.
moveTo() Chuyển vị trí góc trên cùng bên trái của cửa sổ đến tọa độ đã định.
open() Mở một cửa sổ trình duyệt mới hoặc tìm kiếm một cửa sổ đã được đặt tên.
print() In nội dung cửa sổ hiện tại.
prompt() Hiển thị hộp thoại để người dùng nhập liệu.
resizeBy() Chỉnh kích thước cửa sổ theo giá trị pixel đã định.
resizeTo() Chỉnh kích thước cửa sổ đến chiều rộng và chiều cao đã định.
scrollBy() Cuộn nội dung theo giá trị pixel đã định.
scrollTo() Cuộn nội dung đến tọa độ đã định.
setInterval() Gọi hàm hoặc tính toán biểu thức theo chu kỳ đã định (được tính bằng miligây).
setTimeout() Gọi hàm hoặc tính toán biểu thức sau một số giây đã định trước.

Mô tả đối tượng Window

Đối tượng Window biểu thị một cửa sổ trình duyệt hoặc một khung. Trong JavaScript client-side, đối tượng Window là đối tượng toàn cục, tất cả các biểu thức đều được tính toán trong môi trường hiện tại. Nghĩa là, để tham chiếu đến cửa sổ hiện tại, bạn không cần cú pháp đặc biệt, bạn có thể sử dụng thuộc tính của cửa sổ đó như một biến toàn cục. Ví dụ, bạn có thể chỉ viết documentmà không cần viết window.document.

Ngay cả như vậy, bạn có thể sử dụng phương pháp của đối tượng cửa sổ hiện tại như một hàm, chẳng hạn như chỉ viết alert() mà không cần viết Window.alert().

Ngoài các thuộc tính và phương pháp đã liệt kê trên, đối tượng Window còn thực hiện tất cả các thuộc tính và phương pháp toàn cục được định nghĩa bởi JavaScript cốt lõi.

Thuộc tính window của đối tượng Window và Thuộc tính selftham chiếu đều là chính nó. Khi bạn muốn tham chiếu rõ ràng đến cửa sổ hiện tại, không chỉ tham chiếu ẩn, bạn có thể sử dụng hai thuộc tính này. Ngoài hai thuộc tính này ra, thuộc tính parent, thuộc tính top và mảng frame[] đều tham chiếu đến các đối tượng Window khác liên quan đến đối tượng Window hiện tại.

Để tham chiếu đến một khung trong cửa sổ, bạn có thể sử dụng cú pháp sau:

frame[i]		//Khung hiện tại của cửa sổ
self.frame[i]	//Khung hiện tại của cửa sổ
w.frame[i]	//Khung của cửa sổ w

Để tham chiếu đến cửa sổ cha của một khung (hoặc khung cha), bạn có thể sử dụng cú pháp sau:

parent		//Cửa sổ cha của cửa sổ hiện tại
self.parent	//Cửa sổ cha của cửa sổ hiện tại
w.parent 		//Cửa sổ w của cha

Để tham chiếu đến bất kỳ khung nào trong cửa sổ đỉnh, bạn có thể sử dụng cú pháp sau:

top		//Cửa sổ đỉnh của khung hiện tại
self.top		//Cửa sổ đỉnh của khung hiện tại
f.top		//Cửa sổ đỉnh của khung f

Cửa sổ trình duyệt đỉnh mới được tạo bởi phương thức Window.open(). Khi gọi phương thức này, bạn nên lưu lại giá trị trả về của open() vào một biến, sau đó sử dụng biến đó để tham chiếu đến cửa sổ mới. Cửa sổ mới có Thuộc tính openerngược lại lại tham chiếu đến cửa sổ đã mở nó.

Thường thì các phương thức của đối tượng Window đều thực hiện một số thao tác nào đó đối với cửa sổ trình duyệt hoặc khung. phương thức alert()、phương thức confirm()và Phương thức promptkhác nhau, chúng giao tiếp với người dùng thông qua hộp thoại đơn giản.