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


相关文章
|
30天前
|
JavaScript 前端开发
js事件队列
js事件队列
|
19天前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
27 2
|
1天前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
10 5
|
1天前
|
监控 JavaScript 前端开发
|
19天前
Nest.js 实战 (十二):优雅地使用事件发布/订阅模块 Event Emitter
这篇文章介绍了在Nest.js构建应用时,如何通过事件/发布-订阅模式使应用程序更健壮、灵活、易于扩展,并简化服务间通信。文章主要围绕@nestjs/event-emitter模块展开,这是一个基于eventemitter2库的社区模块,提供了事件发布/订阅功能,使得实现事件驱动架构变得简单。文章还介绍了如何使用该模块,包括安装依赖、初始化模块、注册EventEmitterModule、使用装饰器简化监听等。最后总结,集成@nestjs/event-emitter模块可以提升应用程序的事件驱动能力,构建出更为松耦合、易扩展且高度灵活的系统架构,是构建现代、响应迅速且具有高度解耦特性的Nest.
|
30天前
|
前端开发 JavaScript 开发者
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
本文提供了一个前端JS按钮点击事件、弹出式窗口和遮罩层的实战示例,包括HTML、CSS和JavaScript的具体实现代码,以及功能解析,演示了如何实现按钮点击后触发弹窗显示和遮罩层,并在2秒后自动关闭或点击遮罩层关闭弹窗的效果。
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
|
1月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
52 1
|
14天前
|
JavaScript 前端开发
|
1月前
|
JavaScript 前端开发
js的回车事件
js的回车事件
38 3
|
1月前
|
存储 JavaScript
js如何实现开屏弹窗
js如何实现开屏弹窗
13 0