很多时候,在浏览网页时,我们需要考虑用户不小心时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒。这个时候我们可以通过是用javascript window.onbeforeunload() 这个方法来阻止用户关闭窗口,见如下这个例子:
<script type="text/javascript">
window.onbeforeunload=function(event){
return 'hello';
}
</script>
这样当用户按了关闭按钮时,便会弹出如下这个窗口(这个是兼容IE和firefox的):
其中"Hello"是返回值,当你按了取消时是不会关闭页面的,只有按了确定才会。返回值是少不了的,哪怕是空,否则不会作任何提示便关闭页面。其实只要是调用了window.close()都会执行onbeforeunload()函数,由此我们可以知道,按关闭按钮会执行window.close()函数,而window.close()里面也调用了window.onbeforeunload()函数。
有了这个小技巧,大家再也不用担心不小心误关窗口造成的损失了,希望大家喜欢这篇文章。