JavaScript基础知识点之浏览器交互
与用户交互的 3 个浏览器的特定函数:alert、prompt、confirm
1.aler:显示信息
<!DOCTYPE html>
<script>
alert("Hello");
</script>
2.prompt;显示信息要求用户输入文本。点击确定返回文本,点击取消或按下Esc键返回null(prompt函数接收两个参数:result = prompt(title, [default]);title显示给用户的文本;default可选的第二个参数,指定 input 框的初始值。)
<!DOCTYPE html>
<script>
let age = prompt('How old are you?', 100);
// You are 100 years old!
alert(`You are ${age} years old!`);
</script>
3.confirm:显示信息等待用户点击确定或取消。点击确定确定返回true,点击取消或者Esc返回flase
<!DOCTYPE html>
<script>
let isBoss = confirm("Are you the boss?");
// 如果“确定”按钮被按下,则显示 true
alert( isBoss );
</script>
注: 这些方法都是模态的:它们暂停脚本的执行,并且不允许用户与该页面的其余部分进行交互,直到窗口被解除。上述所有方法共有两个限制:
1. 模态窗口的确切位置由浏览器决定。通常在页面中心。
2. 窗口的确切外观也取决于浏览器。我们不能修改它