js实现关闭网页出现是否离开提示

久伴
久伴
久伴
640
文章
534
评论
2019年5月13日09:19:28 评论 476 490字阅读1分38秒

js实现关闭网页出现是否离开提示

绑定windows对象

<!DOCTYPE html>
 <head>
  <meta charset="UTF-8">
  <title>测试</title>
  <script>
    window.onbeforeunload=function(e){  
     var e = window.event||e; 
     e.returnValue=("确定离开当前页面吗?");
   } 
   </script>
 </head>
 <body>
  测试
 </body>
</html>

绑定body对象

<!DOCTYPE html>
 <head>
  <meta charset="UTF-8">
  <title>测试</title>
  <script>
    function checkLeave(){
      event.returnValue="确定离开当前页面吗?";
    }
   </script>
 </head>
 <body onbeforeunload="checkLeave()">
  测试
 </body>
</html>

久伴只是提取精华部分给大家使用,如果需要了解原理及浏览器支持请到原作者网站查看https://www.jb51.net/article/130010.htm

久伴
分享一下前端table表格自适应方案 HTML+CSS

分享一下前端table表格自适应方案

现在前端框架满天飞,bootstrap,mdui,meiziUI,element等等框架,使用框架自带的table类基本三二分钟就搞定一个自适应的table表格,但是实现的方案,大家了解吗 久伴在一次...
css自定义a标签下划线动画效果 HTML+CSS

css自定义a标签下划线动画效果

具体效果可以通过鼠标移动到本站文章中的超链接上面查看 鼠标移动到我查看效果 效果图演示 HTML代码 <p>Lorem ipsum dolor <a class="fancy-lin...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: