Đối tượng window trong JavaScript
Đối tượng window là một đối tượng quan trọng nhất trong BOM, nó đại diện cho cửa sổ trình duyệt và được hỗ trợ bởi tất cả các trình duyệt. Tất cả các đối tượng Javascript toàn cục (global), các hàm toàn cục, các biến toàn cục đều là thành viên của đối tượng window. Mời bạn đọc cùng eLib.VN tham khảo bài viết dưới đây để tìm hiểu rõ hơn về đối tượng window.
Mục lục nội dung
Đối tượng window đại diện cho một cửa sổ trong trình duyệt. Một đối tượng window được tạo ra tự động bởi trình duyệt.
Window là đối tượng của trình duyệt, nó không phải là đối tượng của javascript. Các đối tượng javascript là String, Array, Date, v.v.
1. Các phương thức của đối tượng window
Các phương thức quan trọng của đối tượng window như sau:
| Phương thức | Mô tả |
|---|---|
| alert() | Hiển thị hộp cảnh báo có chứa thông báo với nút ok. |
| confirm() | Hiển thị hộp thoại xác nhận có chứa thông báo với nút ok và cancel. |
| prompt() | Hiển thị hộp thoại để nhận dữ liệu nhập từ người dùng. |
| open() | Mở cửa sổ mới. |
| close() | Đóng cửa sổ hiện tại. |
| setTimeout() | Thực hiện hành động nào đó sau một thời gian cụ thể như việc gọi hàm, biểu thức tính toán. |
2. Ví dụ alert() trong JavaScript
Nó sẽ hiển thị hộp thoại cảnh báo. Nó có thông báo và nút ok.
<script type="text/javascript">
function msg() {
alert("Hello Alert Box");
}
</script>
<input type="button" value="click" onclick="msg()" />
Kết quả:
3. Ví dụ confirm() trong JavaScript
Hiển thị hộp thoại xác nhận có chứa thông báo với nút ok và hủy.
<script type="text/javascript">
function msg() {
var v = confirm("Are u sure?");
if (v == true) {
alert("ok");
} else {
alert("cancel");
}
}
</script>
<input type="button" value="delete record" onclick="msg()" />
Kết quả:
4. Ví dụ prompt() trong JavaScript
Hiển thị hộp thoại để nhận dữ liệu nhập từ người dùng.
<script type="text/javascript">
function msg() {
var v = prompt("Who are you?");
alert("I am " + v);
}
</script>
<input type="button" value="click" onclick="msg()" />
Kết quả:
5. Ví dụ open() trong JavaScript
Nó mở một trang web trong một cửa sổ mới.
<script type="text/javascript">
var newPage;
function openPage() {
newPage = window.open("");
}
</script>
<input type="button" value="open" onclick="openPage()" />
Kết quả:
6. Ví dụ open() trong JavaScript
Nó đóng một trang web.
<script type="text/javascript">
var newPage;
function openPage() {
newPage = open("");
}
function closePage() {
newPage.close();
}
</script>
<input type="button" value="open" onclick="openPage()" />
<br><input type="button" value="close" onclick="closePage()" />
Kết quả:
7. Ví dụ setTimeout() trong JavaScript
Nó thực hiện nhiệm vụ của nó sau mili giây đã cho.
<script type="text/javascript">
function msg() {
setTimeout(function() {
alert("Welcome to VietTuts.Vn after 2 seconds")
}, 2000);
}
</script>
<input type="button" value="click" onclick="msg()" />
Kết quả:
Trên đây là bài viết của eLib.VN về Đối tượng window trong JavaScript. Hy vọng bài viết hữu ích cho bạn đọc trong quá trình học lập trình về JavaScript. Chúc các bạn thành công!
Tham khảo thêm
- doc Đối tượng Browser trong JavaScript
- doc Đối tượng History trong JavaScript
- doc Đối tượng Navigator trong JavaScript
- doc Đối tượng Screen trong JavaScript
- doc Cookie trong JavaScript
