首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS监听页面关闭

JS可以监听浏览器页面关闭,主要使用了window对象的onbeforeunload方法 在以前(旧版本的浏览器中),可以自定义提示文案 window.onbeforeunload = function...e.returnValue = message; } return message; }; 但在新版本的浏览器中,为了安全性,已经不支持自定义弹窗 诸如自定义实现“用户离开页面...,弹窗自定义提示是否离开,点击取消不离开,点击确认离开后离开页面”的需求已无法实现 能做的,只是调用浏览器自带的提示确认窗格 ?...console.log('beforeunload') return 1; }; 目前来说,只能这样控制是否显示系统的页面离开确认...要注意的是,只有以下情况不会弹出确认窗格 不return return; return undefined; return null; 而返回其他任意值都会弹出,如 return ''; return

76.7K10
您找到你想要的搜索结果了吗?
是的
没有找到

js页面刷新或关闭时弹框消失_js刷新页面如何保留页面内容

onbeforeunload 事件属性   定义:在即将离开当前页面(刷新或关闭)时执行 JavaScript,例如: window.onbeforeunload = function...; } Jetbrains全家桶1年46,售后保障稳定   用法:onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。...该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 “确定要离开此页吗?”。该信息不能删除。...触发于: 关闭浏览器窗口 通过地址栏或收藏夹前往其他页面的时候 点击返回,前进,刷新,主页其中一个的时候 点击 一个前往其他页面的url连接的时候 调用以下任意一个事件的时候:click,document...当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。 重新赋予location.href的值的时候。

11.7K40

layer弹出层的关闭问题

就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后...,有了以下的解决办法: 一、关闭弹出窗   这是layer官网给出的帮助手册,讲解的比较详细 分成两种情况: 1、弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close...(); 2、弹出窗是新的页面的时候 var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); 二、关闭弹窗之后刷新父页面...  例如:在增加用户的时候,增加会弹出一个新的弹窗页面,增加成功之后会有提示性的小的alert,在点击确定之后,弹窗页面关闭,并且刷新用户列表的页面数据。   ...只需要在关闭弹窗的时候加这个window.parent.location.reload();//刷新父页面 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/113462

1.5K30

iframe关闭页面(iframe嵌套https页面)

iframe是html标签,具有一般标签的属性: width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames...在主页面中通过iframe标签可以引入其他子页面 <!...window对象 frame.contentDocument 获取子页面的document对象 2、获取父页面页面可以访问、修改同一个域名的父页面的方法和属性 window.parent/parent...获取当前页面的父页面-iframe所在的页面 parent.window 获取父页面的window属性 parent.document 获取父页面的document属性 window.top 获取打开该页面的父页面...,如果当前页面没有被嵌套到iframe中,window.topwindow window.self=window 安全问题-禁止iframe嵌套网页 //当页面被非同域名iframe嵌套时:嵌套页面网址改变成本页面网址

6.6K10

页面弹出层组件layer的用法

一:页面引入和核心js文件 layer.js 二:基础参数: 基本层类型 类型:Number,默认:0 layer提供了5...可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。...弹出动画 类型:Number,默认:0 我们的出场动画全部采用CSS3。这意味着除了ie6-9,其它所有浏览器都是支持的。...需要显示配置maxmin: true即可 层弹出后的成功回调方法 类型:Function,默认:null 当你需要在层创建完毕时即执行一些语句,可以通过该回调。...当你在页面一打开就要执行弹层时,你最好是将弹层放入ready方法中,如: /页面一打开就执行弹层 layer.ready(function(){ layer.msg('很高兴一开场就见到你'); });

3.8K20

javascript如何监听页面刷新和页面关闭事件

在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。...(因为,unbeforeunload()是在页面刷新之前触发的事件,而onubload()是在页面关闭之后才会触发的)。 unbeforeunload()事件可以禁止onunload()事件的触发。...onunload()事件是无法阻止页面关闭的。...浏览器的兼容 onunload: IE6,IE7,IE8 中 刷新页面关闭浏览器之后、页面跳转之后都会执行; IE9 刷新页面 会执行,页面跳转、关闭浏览器不能执行; firefox(包括firefox3.6...) 关闭标签之后、页面跳转之后、刷新页面之后能执行,但关闭浏览器不能执行; Safari 刷新页面页面跳转之后会执行,但关闭浏览器不能执行; Opera、Chrome 任何情况都不执行。

11.7K30
领券