当用户关闭页面时,弹出对话框,让用户确认是否关闭,选择确定则页面关闭,否则页面不关闭。

效果体验:http://keleyi.com/keleyi/phtml/js/index.htm

完整代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>关闭网页确认-柯乐义</title><base target="_blank" />
</head>
<body onbeforeunload="return '确定关闭页面吗?';">
<div>
当您关闭页面时,会弹出对话框,让您确认是否离开页面,选择确定则页面关闭,否则页面不关闭。
</div>
<dl>
<dt><a href="http://keleyi.com/a/bjac/nmixur5x.htm">原文</a></dt>
<dt><a href="http://keleyi.com/a/bjac/4me5brln.htm">Javascript的变量作用域原理详解</a></dt>
<dt><a href="http://keleyi.com/a/bjac/dyloru9f.htm">js获取屏幕分辨率</a></dt>
<dt><a href="http://keleyi.com/a/bjac/958fkivi.htm" title="JS的encodeURI和encodeURIComponent的区别">JS的encodeURI和encodeURIComponent...</a></dt>
<dt><a href="http://keleyi.com/a/bjac/4esxhwgr.htm">js存、取、删除cookies实例</a></dt>
<dt><a href="http://keleyi.com/a/bjac/vdjhuxl9.htm">javascript正则表达式基础入门与进阶</a></dt>
<dt><a href="http://keleyi.com/a/bjac/ovyge49k.htm">js获取页面中图片的总数</a></dt>
<dt><a href="http://keleyi.com/a/bjac/o315ujff.htm">HTML DOM Document 对象概述</a></dt> 
<dt><a href="http://keleyi.com/a/bjac/j67kkxas.htm">匹配HTML标记的jScript正则表达式</a></dt> 
<dt><a href="http://keleyi.com/a/bjac/xow8pdfd.htm">JavaScript访问JSON数据</a></dt> 
<dt><a href="http://keleyi.com/a/bjac/b18qrru8.htm" title="js改进window.onload方法document.ready">js改进window.onload方法document.re...</a></dt> 
</dl>
<div><input onclick="javascript:window.opener=null;window.open('','_self');window.close();" type="button" value="关闭页面"/></div>
</body>
</html>

原文:http://keleyi.com/a/bjac/nmixur5x.htm

javascript使浏览器关闭前弹出确认的更多相关文章

  1. js在关闭页面前弹出确认提示【转载】

    最近项目中出现个bug,就是导出数据后,会提示确认导航,其实实际需求并不需要这个提示,可能是之前遗留的问题.查了下资料是在触发了onbeforeunload事件,那么剩下的就是代码组织问题了. 众所周 ...

  2. [转]js中confirm实现执行操作前弹出确认框的方法

    原文地址:http://www.jb51.net/article/56986.htm 本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在 ...

  3. 在“BindingNavigator”删除数据前弹出确认框的实现

    1)先设置DeleteItem为空,不让它调用自动生成的删除代码. 2)然后自己写代码实现,如下: private void bindingNavigatorDeleteItem_Click(obje ...

  4. Js 删除前弹出确认框

    <td align="center" valign="middle" class="black3"> <c:if test ...

  5. [JS] 点击按钮触发后台事件前,弹出确认框

    只需要在button中设置onclick属性触发事件即可 下面以ASP.NET代码为例, ASP.NET中按钮客户端触发js代码的属性是OnClientClick <asp:Button ID= ...

  6. JavaScript:用JS实现加载页面前弹出模态框

    用JS实现加载页面前弹出模态框 主要的JavaScript 代码是: <script> //加载模态框 $('#myModal').modal(); $(document).ready(f ...

  7. 请写出一段JavaScript代码,要求页面有一个按钮,点击按钮弹出确认框。程序可以判断出用

    请写出一段JavaScript代码,要求页面有一个按钮,点击按钮弹出确认框.程序可以判断出用 户点击的是“确认”还是“取消”. 解答: <HTML> <HEAD> <TI ...

  8. javaScript 删除事件 弹出确认 取消对话框

    javaScript 删除事件 弹出确认 取消对话框 1. <a href="javascript:if(confirm('确实要删除?'))location='http://www. ...

  9. JavaScript中的三种弹出对话框

    学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法.prompt()方法.prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性 ...

随机推荐

  1. Android入门(九)文件存储与SharedPreferences存储

    原文链接:http://www.orlion.ga/578/ Android系统中主要提供了三种方式用于简单地实现数据持久化功能,即文件存储.SharedPreference存储以及数据库存储.当然, ...

  2. 深入理解PHP内核(二)概览-PHP生命周期与Zend引擎

    本文参考自<深入理解PHP内核>,地址:https://github.com/reeze/tipi 本文链接:http://www.orlion.ml/232/ 1.SAPI接口 SAPI ...

  3. CSS3入门之边框与背景

    CSS3入门之边框与背景 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !im ...

  4. Vim多行缩进技巧

    按v进入visual状态,选择多行,用>或<缩进或缩出 通常根据语言特征使用自动缩进排版:在命令状态下对当前行用== (连按=两次), 或对多行用n==(n是自然数)表示自动缩进从当前行起 ...

  5. 学习ng2,从zonejs开始(非官方翻译) ----angular2系列(一)

    Zone是什么: 官方解释:zone.js为JavaScript提供了执行上下文,可以在异步任务之间进行持久性传递. 最开始我一直没理解到这句话,学习过程中我也因为自己的一些失误而一直纠结徘徊,情况是 ...

  6. Oracle10g在Win2008R2下因版本无法安装问题的解决

    次文章为转载的: 首先需要从官网下载Windows_vista版本的oracle10g,下载地址为:http://download.oracle.com/otn/nt/oracle10g/10203/ ...

  7. C# CSV文件读写

    public class CSVFileHelper { /// <summary> /// 将DataTable中数据写入到CSV文件中 /// </summary> /// ...

  8. ASP.NET MVC初识

    最近在博客园看到了很多关于MVC的示例,自己打算写下来记录一下,如果有写得不对的地方,望大侠指出! 开始搭建项目 1. 建立Web项目 文件—>新建项目—>选择ASP.NET MVC4 W ...

  9. ASP.Net中防止页面刷新重复提交的几种方法

    [摘要] 目前很多网站都要提交页面插入或更新数据库,比如留言本,一个用户提交留言后,如果按F5,就会重新提交一遍留言,导致数据库出现两条一模一样的留言,本文介绍了几种防止页面刷新,导致重复提交数据的方 ...

  10. ASP.NET Core开发-MVC 使用dotnet 命令创建Controller和View

    使用dotnet 命令在ASP.NET Core MVC 中创建Controller和View,之前讲解过使用yo 来创建Controller和View. 下面来了解dotnet 命令来创建Contr ...