Cac lenh window trong javascript
Trong bài này chúng ta sẽ tìm hiểu đối tượng window trong Javascript, qua đó sẽ giúp bạn biết được danh sách các phương thức và thuộc tính của window object. Show
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Đối tượng Bây giờ chúng ta sẽ tìm hiểu các thuộc tính và phương thức của đối tượng window nhé. 1. Window trong javascript là gì?Trong javascript, window là một đối tượng thuộc nhóm BOM - tức là một object có những phương thức và thuộc tính được dùng để xử lý trình duyệt. Bài viết này được đăng tại [free tuts .net] Công dụng của window chủ yếu là các thao tác với trình duyệt như: Tính chiều cao - di chuyển - thay đổi kích thước - mở ra một tab mới - lấy đường dẫn url của website. Vì vậy, nếu bạn đang xây dựng giao diện responsive thì sẽ cần sử dụng đến đối tượng này. 2. Window.innerHeight - lấy kích thước trình duyệtĐể lấy kích thước chiều cao và chiều rộng của trình duyệt thì chúng ta sử dụng đối tượng Đối với Internet Explorer, Chrome, Firefox, Opera, và Safari thì cú pháp như sau: // lấy chiều cao var heightBrowser = window.innerHeight; // lấy chiều rộng var widthBrowser = window.innerWidth; Đối với Internet Explorer các version 5,6,7,8 thì cú pháp như sau: // Lấy chiều cao var height = document.documentElement.clientHeight; // hoặc var height = document.body.clientHeight; // Lấy chiều rộng var width = document.documentElement.clientWidth; // hoặc var width = document.body.clientWidth; Việc tương thích với các trình duyệt quá rắc rối phải không nào? Vậy có cách nào giải quyết vấn đề này không? Câu trả lời là có bằng cách sử dụng một mẹo nhỏ như sau: var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; Hai dấu
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; document.write("Trình duyệt có chiều rộng là: " + width + " 3. Thao tác đối tượng window trong javascriptĐối tượng window.open() - mở một cửa sổ mớiCú pháp: Trong đó:
Open window.close() - đòng cửa sổSau khi mở cửa sổ thì để đóng cửa sổ đó chúng ta sử dụng lệnh Open Close window.moveTo() - di chuyển cửa sổSau khi mở một cửa sổ nếu muốn di chuyển nó thì ta dùng lệnh
Ví dụ: Open Move window.resizeTo() - thay đổi kích thước cửa sổLúc mở cửa sổ bạn sẽ thiết lập
Open Resize window.location.href - lấy url websiteNếu bạn muốn lấy đường dẫn hiện tại của trang web thì sử dụng lệnh sau. let url = window.location.href; 4. Lời kếtTrong các ví dụ ở phần Vẫn còn một số phương thức nữa nhưng bài này mình chỉ đề cập tới bấy nhiêu là quá đủ cho bạn học rồi, nếu cần thiết thì bạn có thể sử dụng google để tra cứu thêm. Và việc sử dụng đối tượng window để mở các cửa sổ không còn thông dụng nữa, mà thay vào đó người ta sử dụng một kỹ thuật khác đó là xây dựng popup, nhìn sẽ chuyên nghiệp và đẹp hơn. |