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


相关文章
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
225 3
|
JavaScript 前端开发 Java
【Java进阶】详解JavaScript事件
总的来说,JavaScript事件是JavaScript交互设计的核心,理解和掌握JavaScript事件对于编写高效、响应式的网页应用至关重要。
245 15
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
566 3
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
941 5
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
284 6
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
215 1
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
1091 0
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
185 0
|
JavaScript 前端开发 Android开发
JavaScript触摸touch事件
JavaScript触摸touch事件