JavaScript教程-窗口对象

窗口对象代表浏览器中的一个窗口。浏览器会自动创建window对象。

window是浏览器的对象，不是JavaScript的对象。JavaScript的对象包括字符串（string）、数组（array）、日期（date）等。

注意：如果HTML文档包含frame或iframe，浏览器为每个frame创建额外的窗口对象。

窗口对象的方法

窗口对象的一些重要方法如下：

方法	描述
alert()	显示包含消息和“确定”按钮的警告框。
confirm()	显示包含消息、和“确定”、“取消”按钮的确认对话框。
prompt()	显示带有消息和文本输入框的对话框，用于从用户处获得输入。
open()	打开一个新窗口。
close()	关闭当前窗口。
setTimeout()	在指定的时间后执行某个操作，比如调用函数、求值等。

alert() 方法的JavaScript示例

它显示一个包含消息和“确定”按钮的警告对话框。

<script type="text/javascript">
function msg() {
    alert("Hello Alert Box");
}
</script>
<input type="button" value="click" onclick="msg()" />

上述示例的输出：

[Alert Dialog Box displaying "Hello Alert Box" message]

confirm() 方法的JavaScript示例

它显示一个包含消息、和“确定”、“取消”按钮的确认对话框。

<script type="text/javascript">
function msg() {
    var v = confirm("Are you sure?");
    if (v == true) {
        alert("ok");
    } else {
        alert("cancel");
    }
}
</script>
<input type="button" value="delete record" onclick="msg()" />

上述示例的输出：

[Confirm Dialog Box displaying "Are you sure?" message with "OK" and "Cancel" buttons]

prompt() 方法的JavaScript示例

它显示一个带有消息和文本输入框的对话框，用于从用户处获取输入。

<script type="text/javascript">
function msg() {
    var v = prompt("Who are you?");
    alert("I am " + v);
}
</script>
<input type="button" value="click" onclick="msg()" />

上述示例的输出：

[Prompt Dialog Box displaying "Who are you?" message with a text input field]

open() 方法的JavaScript示例

它在一个新窗口中显示内容。

<script type="text/javascript">
function msg() {
    open("http://www.javatiku.cn");
}
</script>
<input type="button" value="javatiku" onclick="msg()" />

上述示例的输出：

[Content displayed in a new window]

setTimeout() 方法的JavaScript示例

它在指定的毫秒数之后执行任务。

<script type="text/javascript">
function msg() {
    setTimeout(function() {
        alert("Welcome to Javatiku after 2 seconds");
    }, 2000);
}
</script>
<input type="button" value="click" onclick="msg()" />

上述示例的输出：

[Alert showing "Welcome to Javatiku after 2 seconds" after a delay of 2000 milliseconds]