Đố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.

Đối tượng window trong JavaScript

Đố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.

Lưu ý: nếu tài liệu html chứa frame hoặc khung nội tuyến, trình duyệt sẽ tạo thêm các đối tượng window cho mỗi frame.

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!

Ngày:05/11/2020 Chia sẻ bởi:Minh Ngoan

CÓ THỂ BẠN QUAN TÂM