4.1 浏览器对象
如您所知，JavaScript 语言在浏览器内部运行，因此它需要以某种方式与同一浏览器进行交互。为此，浏览器有几个可从 JavaScript 获得的对象和函数。
第一个是an object window，它描述了浏览器窗口。或者更确切地说，我曾经描述过浏览器何时没有标签。现在 window 对象描述了当前浏览器选项卡，其中加载了包含脚本的页面。
其次，这是an object document负责在选项卡中显示文档的那个。这可能有点令人困惑。为简单起见，假设 document 是显示给用户的内容，而 window 是显示该文档的内容。
第三，这是an object console负责向浏览器控制台输出的那个。是的，浏览器也有一个控制台，它主要用于调试脚本和显示错误信息。您通常可以通过在浏览器中按 F12 按钮打开它。
Object window, 是所有页面对象的顶级对象。虽然您可以document在console脚本中直接写入对象名称，但实际上，它们的名称window.document和window.console.
4.2 JavaScript 中的对话框
警告() 方法
它还an object window具有页面脚本可见的几个功能。最常用的是alert(). 它允许您向用户显示一个带有消息的对话框。然后脚本将暂停，直到用户单击“确定”。
例子：
alert("JavaScript is the best!");提示() 方法
还有一个函数可以要求用户输入一些值 - 这是prompt().
例子：
var age = prompt("Enter Year of Birth");确认（）方法
您可以显示一个带有两个按钮的对话框Ok——Cancel向用户询问一些操作。
例子：
var isOK = confirm("Are you ready");4.3 onload()事件
还有一个更有用和有趣的时刻。浏览器窗口有一个事件，该事件在文档完全加载时触发。您可以指定在加载和显示文档后要执行的代码。
这可以通过三种方式完成。
首先，您可以将 JavaScript 代码作为属性值直接嵌入到 HTML 页面中：
<body onload="alert('document loaded');">
<img src="big-image.png">
</body>其次，您可以在 HTML 页面中简单地嵌入 JavaScript 代码：
<head>
<script>
function load()
{
alert('document loaded');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>第三，我们可以通过声明一个匿名函数来把它写得更短一些：
<head>
<script>
window.onload = function () {
alert('document loaded');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>4.4 onclick()事件
最后，还有一个重要的事件（event）是event OnClick。这发生在用户点击的任何元素上。就像event OnLoad它可以通过不同的方式设置一样，所以我们只给出最简单的一种：
<body>
<img src="big-image.png" onclick="alert('user clicked on the image');">
</body>