Phương pháp đối tượng cửa sổ
Thuộc tính MethodsDescriptioninnerWidth, innerHeightRead/write chỉ định chiều rộng và chiều cao, tính bằng pixel, tương ứng với vùng nội dung của cửa sổ. Không bao gồm thanh công cụ, thanh cuộn, v.v. Thuộc tính độc quyền của NS/FirefoxGhi chú. IE tương đương là "tài liệu. thân thể. clientWidth" và "tài liệu. thân thể. clientHeight"
length Trả về số khung có trong cửa sổ. Thuộc tính outsideWidth, outsideHeightRead/write chỉ định tổng chiều rộng và chiều cao, tính bằng pixel, của vùng nội dung của cửa sổ tương ứng, bao gồm bất kỳ thanh công cụ, thanh cuộn nào, v.v. Thuộc tính độc quyền của NS/Firefox không tương đương với IE4+. pageXOffset, pageYOffsetTrả về một số nguyên đại diện cho các pixel mà tài liệu hiện tại đã được cuộn từ góc trên bên trái của cửa sổ, theo chiều ngang và chiều dọc, tương ứng. Thường được sử dụng để cung cấp các phép tính cần thiết nhằm giữ nguyên phần tử trong chế độ xem ngay cả khi trang được cuộn. Thuộc tính độc quyền của NS/FirefoxGhi chú. IE tương đương là "tài liệu. thân thể. scrollLeft" và "tài liệu. thân thể. cuộnTop"
cửa sổ. screenReferences đối tượng màn hình, cung cấp thông tin về màn hình/màn hình của người dùng. màn hình. availWidthTrả về chiều cao của màn hình, tính bằng pixel, trừ các tính năng giao diện như thanh tác vụ trong Windows. Nói cách khác, chiều cao có thể sử dụng được cho cửa sổ trình duyệt của bạn. màn hình. availHeightTrả về chiều rộng của màn hình, tính bằng pixel, trừ các tính năng giao diện như thanh tác vụ trong Windows. Nói cách khác, chiều rộng có thể sử dụng được cho cửa sổ trình duyệt của bạn. màn hình. colorDepthĐộ sâu bit của bảng màu có sẵn để hiển thị hình ảnh theo bit trên mỗi pixel. màn hình. heightTổng chiều cao của màn hình, tính bằng pixel. màn hình. Độ sâu pixel Độ phân giải màu màn hình hiển thị [bit trên mỗi pixel]. Thuộc tính độc quyền của NS/Firefox. màn hình. widthTổng chiều rộng của màn hình, tính bằng pixel. screenX, thuộc tính screenYRead/write chỉ định tọa độ x và y của cửa sổ so với màn hình điều khiển của người dùng. Thuộc tính độc quyền của NS/Firefox. screenLeft, screenTopChỉ định tọa độ x và y của cửa sổ so với màn hình điều khiển của người dùng. chỉ trình duyệt IE. scrollX, scrollYTrả về một số nguyên đại diện cho các pixel mà tài liệu hiện tại đã được cuộn từ góc trên bên trái của cửa sổ, theo chiều ngang và chiều dọc, tương ứng. Thuộc tính độc quyền của NS/Firefox. Tương đương với pageXOffset và pageYOffset, và trong IE, "tài liệu. thân thể. scrollLeft" và "tài liệu. thân thể. cuộnTop"Ghi chú. Xem thêm đối tượng cửa sổ JavaScript
Thư viện DD CSS
Menu và mã CSS miễn phí để tăng cường trực quan cho trang web của bạn.
Calicut
Cybrosys Technologies Pvt. TNHH.
Neospace, Công viên công nghệ Kinfra
Kakkancherry, Calicut
Kerala, Ấn Độ - 673635
Kochi
Cybrosys Technologies Pvt. TNHH.
Tầng 1, Tòa nhà Thapasya,
Infopark, Kakkanad,
Kochi, Ấn Độ - 682030.
Đối tượng cửa sổ là đối tượng trên cùng của hệ thống phân cấp DOM. Nó đại diện cho một cửa sổ hoặc khung trình duyệt hiển thị nội dung của trang web. Bất cứ khi nào một cửa sổ xuất hiện trên màn hình để hiển thị nội dung của tài liệu, đối tượng cửa sổ được tạo. Các thuộc tính và phương thức của đối tượng Window thường được sử dụng được liệt kê trong bảng dưới đây
Cửa sổ JavaScript là một Giao diện toàn cầu [loại đối tượng] được sử dụng để kiểm soát vòng đời của cửa sổ trình duyệt và thực hiện các hoạt động khác nhau trên đó
Cửa sổ biến toàn cầu, đại diện cho cửa sổ trình duyệt hiện tại nơi mã đang chạy, có sẵn trong mã JavaScript của chúng tôi và có thể được truy cập trực tiếp bằng cách sử dụng window chữ
Nó đại diện cho một cửa sổ chứa một trang web được đại diện bởi đối tượng tài liệu. Cửa sổ có thể là cửa sổ mới, tab mới, bộ khung hoặc khung riêng lẻ được tạo bằng JavaScript
Trong trường hợp trình duyệt nhiều tab, một đối tượng cửa sổ đại diện cho một tab duy nhất, nhưng một số thuộc tính của nó như innerHeight, innerWidth và các phương thức như resizeTo[] sẽ ảnh hưởng đến toàn bộ cửa sổ trình duyệt
Bất cứ khi nào bạn mở một cửa sổ hoặc tab mới, một đối tượng cửa sổ đại diện cho cửa sổ/tab đó sẽ tự động được tạo
Các thuộc tính của đối tượng cửa sổ được sử dụng để truy xuất thông tin về cửa sổ hiện đang mở, trong khi các phương thức của nó được sử dụng để thực hiện các tác vụ cụ thể như mở, phóng to, thu nhỏ cửa sổ, v.v.
Để hiểu đối tượng cửa sổ, hãy sử dụng nó để thực hiện một số thao tác và xem nó hoạt động như thế nào
Sử dụng đối tượng cửa sổ JavaScript
Hãy sử dụng đối tượng cửa sổ JavaScript để tạo một cửa sổ mới, sử dụng phương thức open[]. Phương thức này tạo một cửa sổ mới và trả về một đối tượng có thể được sử dụng thêm để quản lý cửa sổ đó
Trong đoạn mã trên, chúng ta đã sử dụng đối tượng window của cửa sổ hiện có để tạo một cửa sổ mới bằng phương thức open[]. Trong phương pháp open[], chúng tôi có thể cung cấp URL sẽ được mở trong cửa sổ mới [chúng tôi cũng có thể để trống], tên của cửa sổ, chiều rộng và chiều cao của cửa sổ sẽ được tạo
Sau đây là cú pháp của phương thức open[] đối tượng cửa sổ
let newWindow = window.open[url, windowName, [windowFeatures]];Chúng tôi có thể cung cấp bao nhiêu thuộc tính tùy thích trong khi tạo một cửa sổ mới
Khi phương thức open[] được thực thi, nó trả về tham chiếu của đối tượng cửa sổ cho cửa sổ mới được tạo, bạn có thể gán tham chiếu này cho một biến, giống như chúng ta đã thực hiện trong đoạn mã trên. Chúng ta đã gán giá trị được phương thức window.open[] trả về cho biến window0
Chúng tôi đã sử dụng biến window0 để truy cập cửa sổ mới, như lấy tên của cửa sổ, lấy vị trí của cửa sổ đã mở cửa sổ mới, v.v.
Có nhiều thuộc tính và phương thức cho đối tượng cửa sổ mà chúng tôi đã liệt kê bên dưới
Tìm kích thước của một cửa sổ
Chúng ta có thể lấy chiều cao và chiều rộng của cửa sổ bằng cách sử dụng các thuộc tính tích hợp sẵn của đối tượng cửa sổ
Chúng tôi cũng có thể truy cập đối tượng tài liệu bằng cách sử dụng đối tượng cửa sổ[window2] cho phép chúng tôi truy cập vào tài liệu HTML, do đó chúng tôi có thể thêm phần tử HTML mới hoặc viết bất kỳ nội dung nào vào tài liệu, giống như chúng tôi đã làm trong ví dụ trên
Thuộc tính đối tượng cửa sổ JavaScript
Các thuộc tính đối tượng cửa sổ đề cập đến các biến được tạo bên trong đối tượng cửa sổ
Trong JavaScript, tất cả dữ liệu có sẵn được gắn vào đối tượng cửa sổ dưới dạng thuộc tính
Chúng ta có thể truy cập các thuộc tính của đối tượng cửa sổ như. window3 nơi propertyname là tên của tài sản
Một bảng các thuộc tính đối tượng cửa sổ phổ biến nhất được đưa ra dưới đây
Thuộc tínhMô tảđóngtrả về một giá trị boolean xác định xem một cửa sổ đã được đóng hay chưa.tài liệuchỉ định một đối tượng tài liệu trong cửa sổ. historychỉ định một đối tượng lịch sử cho cửa sổ. frameschỉ định một mảng gồm tất cả các khung trong cửa sổ hiện tạidefaultStatuschỉ định thông báo mặc định phải xuất hiện trên thanh trạng thái của Cửa sổ. innerHeightchỉ định chiều cao bên trong của vùng nội dung của cửa sổ. innerWidthchỉ định chiều rộng bên trong của vùng nội dung của cửa sổ. chiều dàichỉ định số lượng khung có trong cửa sổ. locationxác định đối tượng vị trí cho windownamexác định tên cho windowtopxác định tham chiếu của cửa sổ trình duyệt trên cùng. tự trả về tham chiếu của khung hoặc cửa sổ đang hoạt động hiện tại. parenttrả về khung cha hoặc cửa sổ của cửa sổ hiện tại. trạng thái chỉ định thông báo được hiển thị trên thanh trạng thái của cửa sổ khi một hoạt động được thực hiện trên Cửa sổ. screenleftchỉ định tọa độ x của cửa sổ tương ứng với màn hình giám sát của người dùng screenTopChỉ định tọa độ y của cửa sổ tương ứng với màn hình giám sát của người dùngscreenXchỉ định tọa độ x cho cửa sổ tương ứng với màn hình giám sát của người dùngHãy lấy một ví dụ để xem một số thuộc tính này đang hoạt động
Trong ví dụ trên, chúng tôi đã sử dụng một số phương pháp cửa sổ, bạn có thể thử nhiều phương pháp hơn. Trong hướng dẫn tiếp theo, chúng ta sẽ tìm hiểu về đối tượng Lịch sử, đây là một thuộc tính của đối tượng cửa sổ