javascript中beforeunload的使用【分享】

web前端 杭州-小白 javascript中beforeunload的使用

这个功能貌似用的地方很多额。。很多网站在你离开的时候都要询问你是否离开。貌似就是利用下面的方法做的。。挺不错的 。哈哈。。

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>beforeunload的使用</title>
</head>
<script type="text/javascript"> 
var goodexit=false; 
function bindunbeforunload() 
{ 
	goodexit=false; 
	window.onbeforeunload=perforresult; 
} 
function unbindunbeforunload() 
{ 
	goodexit=true; 
	window.onbeforeunload=null; 
} 
function perforresult() 
{ 
	if(!goodexit) 
	{ 
		return"当前操作未保存,如果你此时离开,所做操作信息将全部丢失,是否离开?"; 
	}
} 
</script> 
<body> 
<h1>test is start</h1> 
<input type="button" value="绑定事件" id="btnBind" onclick="bindunbeforunload();" /> 
<input type="button" value="删除绑定事件" id="btnUnBind" onclick="unbindunbeforunload();" /> 
</body> 
</html> 

请看demo