Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法


Posted in Javascript onDecember 30, 2016

Chrome浏览器的alert弹窗,选择了禁止再次弹出后,就不会再弹出了。

第一次弹出alert弹窗没有“禁止此页再显示对话框”选项,第二次和以后才有。

这个功能在开发测试中,或者程序出现bug时,页面不断弹出对话框时,很有作用,这时候只需要勾选不再弹出对话框,就不会再出现了。

Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法

但如果要让他再次弹出,怎么办呢?

试了刷新页面,不能让弹窗再次出现。

其实只要把页面关闭,或者浏览器关闭,然后再打开,就能恢复弹出了。

手机版的浏览器也可以这样处理。

也就是说重启一下浏览器,或者关闭重开页面就行了。

下面测试一下,点击下面的按钮,就会弹出对话框,弹出多次就可以选择不再弹出,也就是选择“禁止此页再弹出对话框”,手机版的是“阻止此页创建其他对话框”。

当禁止弹出后,再点击按钮就不会弹出了。

Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法

上面按钮的实现代码如下:

<input type="button" value="弹出对话框" id="hovertree_alert" />
<script>
document.getElementById("hovertree_alert").addEventListener("click", function (event) {
alert("浏览器alert弹窗测试 - 何问起");
})
</script>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
js几个验证函数代码
Mar 25 Javascript
javascript简单实现命名空间效果
Mar 06 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
简单实现JS对dom操作封装
Dec 02 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
May 03 Javascript
Vue循环中多个input绑定指定v-model实例
Aug 31 Javascript
bootstrap表格分页实例讲解
Dec 30 #Javascript
js中数组的常用方法小结
Dec 30 #Javascript
原生js实现可爱糖果数字时间特效
Dec 30 #Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 #Javascript
详解JS对象封装的常用方式
Dec 30 #Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 #Javascript
jQuery与js实现颜色渐变的方法
Dec 30 #Javascript
You might like
一个很不错的PHP翻页类
2009/06/01 PHP
封装一个PDO数据库操作类代码
2009/09/09 PHP
PHP类的使用 实例代码讲解
2009/12/28 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
Egret引擎开发指南之运行项目
2014/09/03 Javascript
smartcrop.js智能图片裁剪库
2015/10/14 Javascript
Vue框架中正确引入JS库的方法介绍
2017/07/30 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
微信小程序new Date()方法失效问题解决方法
2019/07/29 Javascript
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
layui使用label标签的方法
2019/09/14 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
JQuery实现折叠式菜单的详细代码
2020/06/03 jQuery
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[58:12]Ti4第二日主赛事败者组 LGD vs iG 3
2014/07/21 DOTA
Python中的元类编程入门指引
2015/04/15 Python
Python实现希尔排序算法的原理与用法实例分析
2017/11/23 Python
Django实现简单分页功能的方法详解
2017/12/05 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
PyCharm中Matplotlib绘图不能显示UI效果的问题解决
2020/03/12 Python
关于python中remove的一些坑小结
2021/01/04 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
生物专业个人自荐信范文
2013/11/29 职场文书
合作意向协议书范本
2014/03/31 职场文书
董事长助理工作职责
2014/06/08 职场文书
干部年终考核评语
2015/01/04 职场文书
通知的格式范文
2015/04/27 职场文书
2015年管理人员工作总结
2015/05/13 职场文书
2015年党总支工作总结
2015/05/25 职场文书
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js
mybatis 获取更新记录的id
2022/05/20 Java/Android