11/08/2018, 19:14
Đối tượng window trong JavaScript
Đối tượng Browser 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, ...
Đối tượng Browser 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.
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. |
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ả:
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ả:
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ả:
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("http://viettuts.vn");
}
</script>
<input type="button" value="open" onclick="openPage()" />
Kết quả:
Ví dụ open() trong JavaScript
Nó đóng một trang web.
<script type="text/javascript">
var newPage;
function openPage() {
newPage = open("http://viettuts.vn");
}
function closePage() {
newPage.close();
}
</script>
<input type="button" value="open" onclick="openPage()" />
<br><input type="button" value="close" onclick="closePage()" />
Kết quả:
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ả:
Đối tượng Browser trong JavaScript
