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


相关文章
|
23天前
|
JavaScript 前端开发
事件委托是JS技巧,通过绑定事件到父元素利用事件冒泡,减少事件处理器数量,提高性能和节省内存。
【6月更文挑战第27天】事件委托是JS技巧,通过绑定事件到父元素利用事件冒泡,减少事件处理器数量,提高性能和节省内存。例如,动态列表可共享一个`click`事件处理器,通过`event.target`识别触发事件的子元素,简化管理和响应动态内容变化。
17 0
|
15天前
|
JavaScript
js 事件流、事件冒泡、事件捕获、阻止事件的传播
js 事件流、事件冒泡、事件捕获、阻止事件的传播
8 1
|
17天前
|
JavaScript
vue 全局响应键盘按键/监听键盘事件(含 js 获取键盘keyCode值的方法)
vue 全局响应键盘按键/监听键盘事件(含 js 获取键盘keyCode值的方法)
25 2
|
24天前
|
JavaScript 前端开发
JavaScript 中的三种事件模型
JavaScript 中的事件模型主要有三种: 传统事件模型(DOM Level 0) 标准事件模型(DOM Level 2) IE 事件模型(非标准,仅限于旧版本的 Internet Explorer)
20 1
|
28天前
|
JavaScript 前端开发
第八篇-Javascript 事件
第八篇-Javascript 事件
24 1
|
29天前
|
JavaScript 前端开发
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
21 1
|
14天前
|
JavaScript 容器
js【详解】事件
js【详解】事件
17 0
|
14天前
|
JavaScript
js【详解】event loop(事件循环/事件轮询)
js【详解】event loop(事件循环/事件轮询)
16 0
|
16天前
|
JavaScript 前端开发 UED
|
17天前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
14 0