JavaScript基础知识点之浏览器交互

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. 窗口的确切外观也取决于浏览器。我们不能修改它

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值