Đối tượng Window

Đối tượng Window

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

Nếu tài liệu chứa khung (<iframe> tag), trình duyệt sẽ tạo ra đối tượng cửa sổ cho tài liệu HTML và tạo thêm các đối tượng cửa sổ bổ sung cho mỗi khung.

Thuộc tính của Đối tượng Window

Đối tượng Mô tả
closed Trả về giá trị có cửa sổ đã bị đóng hay không.
console Trả về Đối tượng Console.
defaultStatus hết sử dụng. Vui lòng tránh sử dụng nó.Đặt hoặc trả về văn bản mặc định trong thanh trạng thái của cửa sổ.
document Trả về Đối tượng Document.
frameElement Trả về các khung đang chạy trong cửa sổ.
frames Trả về các đối tượng cửa sổ đang chạy trong cửa sổ.
history Trả về Đối tượng History.
innerHeight Trả về độ cao của khu vực hiển thị tài liệu trong cửa sổ.
innerWidth Trả về độ rộng của khu vực hiển thị tài liệu trong cửa sổ.
length Trả về số lượng phần tử <iframe> trong cửa sổ hiện tại.
localStorage Cho phép lưu trữ các cặp khóa/giá trị trong trình duyệt web. Lưu trữ dữ liệu không có ngày hết hạn.
location Trả về Đối tượng Location.
name Đặt hoặc trả về tên của cửa sổ.
navigator Trả về Đối tượng Navigator.
opener Trả về tham chiếu đến cửa sổ mà đã tạo ra cửa sổ.
outerHeight Trả về độ cao của cửa sổ trình duyệt, bao gồm thanh công cụ/Thanh cuộn.
outerWidth Trả về độ rộng của cửa sổ trình duyệt, bao gồm thanh công cụ/Thanh cuộn.
pageXOffset Trả về số pixel cuộn từ góc trên cùng bên trái của tài liệu hiện tại (theo chiều ngang).
pageYOffset Trả về số pixel cuộn từ góc trên cùng bên trái của tài liệu hiện tại (theo chiều dọc).
parent Trả về cửa sổ bậc cha của cửa sổ hiện tại.
screen Trả về Đối tượng Screen.
screenLeft Trả về tọa độ ngang của cửa sổ so với màn hình.
screenTop Trả về tọa độ dọc của cửa sổ so với màn hình.
screenX Trả về tọa độ ngang của cửa sổ so với màn hình.
screenY Trả về tọa độ dọc của cửa sổ so với màn hình.
sessionStorage Cho phép lưu các cặp khóa/giá trị trong trình duyệt Web. Lưu trữ dữ liệu phiên.
scrollX pageXOffset Biệt danh.
scrollY pageYOffset Biệt danh.
self Trả về cửa sổ hiện tại.
status Đã hết sử dụng. Vui lòng tránh sử dụng nó.
top Trả về cửa sổ trình duyệt cao nhất.

Phương thức của đối tượng Window

Phương thức Mô tả
alert() Hiển thị hộp thoại cảnh báo (hộp thoại) chứa thông điệp và nút xác nhận.
atob() Giải mã chuỗi mã hóa base-64.
blur() Loại bỏ điểm nhấn khỏi cửa sổ hiện tại.
btoa() Mã hóa chuỗi dưới dạng base-64.
clearInterval() Xóa bộ đếm thời gian đã thiết lập bằng setInterval().
clearTimeout() Xóa bộ đếm thời gian đã thiết lập bằng setTimeout().
close() Đóng cửa sổ hiện tại.
confirm() Hiển thị hộp thoại chứa thông điệp và nút xác nhận và hủy.
focus() Đặt điểm nhấn vào cửa sổ hiện tại.
getComputedStyle() Xác định ứng dụng CSS style cho phần tử tài liệu.
getSelection() Trả về đối tượng Selection biểu thị khoảng văn bản đã chọn bởi người dùng.
matchMedia() Trả về đối tượng MediaQueryList biểu thị chuỗi tìm kiếm CSS đã chỉ định.
moveBy() Di chuyển cửa sổ so với vị trí hiện tại.
moveTo() Di chuyển cửa sổ đến vị trí đã chỉ định.
open() Mở cửa sổ trình duyệt mới.
print() In nội dung cửa sổ hiện tại.
prompt() Yêu cầu nhập một chuỗi đơn giản thông qua hộp thoại.
requestAnimationFrame() Yêu cầu trình duyệt gọi hàm để cập nhật animation trước khi redraw.
resizeBy() Chỉnh sửa kích thước cửa sổ theo số pixel đã chỉ định.
resizeTo() Chỉnh sửa kích thước cửa sổ theo chiều rộng và chiều cao đã chỉ định.
scroll() hết sử dụng. Vui lòng tránh sử dụng nó.Phương thức này đã bị Phương thức scrollTo() Thay thế.
scrollBy() Cuộn tài liệu theo số pixel đã chỉ định.
scrollTo() cuộn văn bản của tài liệu đến tọa độ xác định.
setInterval() thực hiện mã theo chu kỳ.
setTimeout() thực hiện mã sau khi đã qua một khoảng thời gian xác định.
stop() dừng việc tải cửa sổ.

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

Đối tượng Window biểu thị cửa sổ hoặc khung trình duyệt. 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 sử dụng cú pháp đặc biệt, bạn có thể sử dụng thuộc tính của cửa sổ đó như là biến toàn cục. Ví dụ, bạn có thể chỉ viết documentcũng không cần viết window.document.

ngay cả, bạn có thể sử dụng các phương pháp của đối tượng window hiện tại như là các hàm, ví dụ 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ơ bản.

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,而不是 tham chiếu một cách ẩ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ổ, có thể sử dụng cú pháp sau:

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

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

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

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

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

cửa sổ trình duyệt đỉnh mới được tạo bởi phương pháp Window.open(). Khi gọi phương pháp này, nên lưu 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 thì tham chiếu đến cửa sổ đã mở nó.

thường thì, các phương pháp 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ổ hoặc khung của trình duyệt. Và phương pháp alert()、phương pháp confirm()và phương pháp promptthì khác nhau, chúng交互 với người dùng thông qua hộp thoại đơn giản.