JavaScript弹窗事件

简介: JavaScript弹窗事件

弹窗事件属于 BOM

谈到弹窗事件就必须要提到Browser object model)浏览器对象模型简称 BOM

       Js 通过 BOM 和浏览器进行交互,可以

获取屏幕尺寸,窗口大小,页面地址,历史记录等浏览器相关信息,也可以控制浏览器执行某些

行为:弹出信息,页面跳转,打开窗口,关闭窗口,调整窗口大小等。

       浏览器对象模型用 window 对象来表示,所有 JavaScript 全局变量、全局函数会自动成为

window 对象的成员。DOM 的 document 也是 window 对象的一个属性。

弹窗事件的使用方法

方法 描述
alert()

警告框,该语句会将内容以弹窗的形式提示用户

confirm()

确认框,比警告框多一个确认,确认返回 true,取消返回 false

prompt()

提示框,参数 1 为提示信息,2 为默认值,确认返回输入值,取消返回 null

代码示例

alert('警告框');
let status = confirm('确认框');
console.log(status);  //点击确认后返回ture,取消返回false
let val = prompt('您的年龄?','18'); //第一个值是显示内容或问题,第二个值为默认值
console.log(val);  //如果修改输入框内的值则返回输入的值,点击确认则返回默认值,取消返回null


相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
38 2
|
2月前
|
机器学习/深度学习 JavaScript 前端开发
JavaScript 弹窗
JavaScript 弹窗
42 1
|
2月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
49 6
|
2月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
37 1
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
24 5
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
127 0
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
54 0
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
|
2月前
|
JavaScript 前端开发 Android开发
JavaScript触摸touch事件
JavaScript触摸touch事件