4.1 浏览器对象

如您所知，JavaScript 语言在浏览器内部运行，因此它需要以某种方式与同一浏览器进行交互。为此，浏览器有几个可从 JavaScript 获得的对象和函数。

第一个是an object window，它描述了浏览器窗口。或者更确切地说，我曾经描述过浏览器何时没有标签。现在 window 对象描述了当前浏览器选项卡，其中加载了包含脚本的页面。

其次，这是an object document负责在选项卡中显示文档的那个。这可能有点令人困惑。为简单起见，假设 document 是显示给用户的内容，而 window 是显示该文档的内容。

第三，这是an object console负责向浏览器控制台输出的那个。是的，浏览器也有一个控制台，它主要用于调试脚本和显示错误信息。您通常可以通过在浏览器中按 F12 按钮打开它。

Java webinar

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>