03简单交互

以下这些方法都是模态的:它们暂停脚本的执行,并且不允许用户与该页面的其余部分进行交互,直到窗口被解除。

这些所有方法共有两个限制:

  1. 模态窗口的确切位置由浏览器决定。通常在页面中心。
  2. 窗口的确切外观也取决于浏览器。我们不能修改它。

alert

alert会在浏览器显示一条信息窗口,并等待用户按下 “OK”。

1
alert("Hello");

弹出的这个带有信息的小窗口被称为 模态窗。“modal” 意味着用户不能与页面的其他部分(例如点击其他按钮等)进行交互,直到他们处理完窗口。

prompt

prompt 函数接收两个参数:

1
result = prompt(title,[default]);

浏览器会显示一个带有文本消息的模态窗口,还有 input 框和确定/取消按钮。title为显示给用户的文本。default是可选的第二个参数,指定 input 框的初始值。

访问者可以在提示输入栏中输入一些内容,然后按“确定”键。然后我们在 result 中获取该文本。或者他们可以按取消键或按 Esc 键取消输入,然后我们得到 null 作为 result

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<script>
"use strict";

let age = prompt('How old are you?'100);

alert(`You are ${age} years old!`); // You are 100 years old!

</script>

confirm

confirm 函数显示一个带有 question 以及确定和取消两个按钮的模态窗口。点击确定返回 true,点击取消返回 false

1
result = confirm(question);
Author

WaterNorth

Posted on

2025-08-20

Updated on

2025-08-20

Licensed under