如何写javascript代码 阻止关闭网页

详细如下:这是我从网上搜索出的信息:很多时候,在浏览网页时,我们需要考虑用户不小时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒。这... 详细如下:
这是我从网上搜索出的信息:
很多时候,在浏览网页时,我们需要考虑用户不小时关闭窗口的情况,特别是当用户有很重要的数据还没有保存, 我们的程序有必要对用户进行提醒。这可以通过重写window.onbeforeunload()方法来实现,见如下例子:

<script language="javascript" type="text/javascript">
window.onbeforeunload=function(event){
return "Hello";
}
</script>

当用户按了关闭按钮时,便会弹出以下窗口,
其中"Hello"是返回值,当你按了取消时是不会关闭页面的,只有按了确定才会。返回值是少不了的,哪怕是空,否则不会作任何提示便关闭页面。

其实只要是调用了window.close()都会执行onbeforeunload()函数,由此我们可以知道,按关闭按钮会执行window.close()函数,而window.close()里面也调用了window.onbeforeunload()函数。

我希望的代码是:用户点击ie的右上角的关闭按钮时,弹出一个内容为"您的信息没有保存"的提示框,提示框中出现的提示按钮只能有一个"确认"按钮,并且单击确认按钮时提示框消失,并且还是留在当前页面.
展开
 我来答
匿名用户
2011-05-04
展开全部
onbeforeunload方法

onbeforeunload与onunload事件
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。

页面加载时只执行onload
页面关闭时先执行onbeforeunload,最后onunload
页面刷新时先执行onbeforeunload,然后onunload,最后onload。

1、onbeforeunload事件:
说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = “handler” … ></element>
描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。

触发于:
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素:
·BODY, FRAMESET, window
平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onbeforeunload测试</title>
<script>
function checkLeave(){
event.returnValue="确定离开当前页面吗?";
}
</script>
</head>
<body onbeforeunload="checkLeave()">
</body>
</html>

2、onunload事件
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = "handler"></element>

描述:
当用户关闭一个页面时触发 onunload 事件。

触发于:
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onunload测试</title>
<script>
function checkLeave(){
alert("欢迎下次再来!");
}
</script>
</head>
<body onunload="checkLeave()">
</body>
</html>

一个判断页面是否真的关闭和刷新的好方法(最好用)

window.onbeforeunload=function (){
alert("===onbeforeunload===");
if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){
alert("你关闭了浏览器");
}else{
alert("你正在刷新页面");
}
}
这段代码就是判断触发onbeforeunload事件时,鼠标是否点击了关闭按钮,或者按了ALT+F4来关闭网页,如果是,则认为系统是关闭网页,否则在认为系统是刷新网页。
tangranchuxx
2011-05-04 · TA获得超过281个赞
知道小有建树答主
回答量:319
采纳率:0%
帮助的人:232万
展开全部
JavaScript在网页中,你要是完全阻止用户关闭网页那是不可能的,只能说,给个有好关闭网页的提示,主动权还是在用户身上。如要你真想做到将右上角的那个关闭按钮去掉,办法也不是没有,那就要想其他的办法了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xifangczy
2011-05-04 · TA获得超过101个赞
知道小有建树答主
回答量:326
采纳率:0%
帮助的人:302万
展开全部
js不能阻止用户关闭页面的,最多给个提示框,如果用户没保存信息点击了提示框的“否”,用js帮用户提交
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
qingyao5201314
2011-05-04 · TA获得超过388个赞
知道答主
回答量:163
采纳率:0%
帮助的人:121万
展开全部
照你这意思就是说用户不能关闭网页咯?估计你是想写个程序去戏弄别人吧?呵呵
因为正常的网页是不可能去组织用户关闭网页的,而用户也不可能永远不关闭该网页
追问
我是单位内系统网页用,仅是由于该页面内容特殊,需要通过一个按钮跳转到令一个网页,不是戏弄别人,哈哈
追答
额 这样的啊  呵呵  我还以为你是要自己写个程序  发给朋友  戏弄人家呢  不好意思哈  呵呵
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式