浏览器对象模型即BOM，关于它的使用方法大多没有太大用处，所以我们需要了解的很少。
本节主要讲一下信息框、输入框和确认取消框，它们都属于浏览器提供的方法。
- alter 信息框，只有一个确认按钮
- prompt 确认取消框，有确认和取消两个按钮
- confirm 输入框，带有一个文本框的信息提示框。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>浏览器对象模型BOM 信息框 输入框 确认取消框</title>
</head>
<body>
<script type="text/javascript">
//页面加载事件 注意：window.onload = fn写法，页面只能出现一次
//如果需要写多个，只能使用事件监听方式 window.addEventListener('load', function(){});
window.onload = function(){
//信息框
alert('欢迎您来到慈众网络科技学习~');
//输入框
var res = prompt('请输入您想学习的课程');
console.log(res);
//确认取消框
var res = confirm('您确定要这样操作吗?');
if(res){
console.log('您点了确认按钮')
}else{
console.log('您点了取消按钮')
}
}
</script>
</body>
</html>
请将以上代码复制到代码编辑器中，让后通过浏览器预览效果。注意：vscode的内置浏览器不支持信息框，请用谷歌浏览器打开。
|
窥视卡
雷达卡
发表于 2023-1-27 19:45:32
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-20 18:44:18
