做考试系统用到的关于onbeforeunload一些兼容性问题

最近做考试系统&＃xff0c;一些效果存在一些兼容性问题&＃xff0c;尤其是ie6&＃xff0c;本人js不是很好&＃xff0c;通过查资料解决了这些问题&＃xff0c;现总结下&＃xff1a;

关于onbeforeunload问题&＃xff1a;

考试时离开页面需要提示&＃xff0c;但是直接用此方法或onunload&＃xff0c;我测试在谷歌浏览器不行。如下代码可解决&＃xff1a;

但是当你需要提交表单时&＃xff0c;或者ajax什么的&＃xff0c;它也会提示&＃xff0c;这样肯定是不行的。于是在页面中加入一个隐藏标签&＃xff0c;例如

通过获取他的值来判断是否执行onbeforeunload方法。于是代码变成这样&＃xff1a;

当然你要在相应的a标签上加入 οnclick&＃61;"document.getElementById(&＃39;hidsub&＃39;).value&＃61;&＃39;1&＃39;;func();"让隐藏域获取到值&＃xff0c;这样就不会执行onbeforeunload了。

还有问题&＃xff01;一般我们做一些点击事件会在a标签加上href&＃61;&＃39;Javascript:void(0);&＃39; 在ie下&＃xff0c;onbeforeunload也会执行。具体我也不说了&＃xff0c;网上可以查到很多。

这时如果换成href&＃61;&＃39;#&＃39;就不会执行了&＃xff0c;但是会跳到锚点&＃xff0c;这也是不行的。可以改成href&＃61;&＃39;###&＃39;或href&＃61;&＃39;#this&＃39;。还可以在a标签onclick事件里加入return false;来阻止onbeforeunload。

另外还有一个问题&＃xff0c;就是iframe里如果刷新父页面使用parent.location.reload();会在firefox里造成死循环。这时只需改成parent.location.reload(true);就可以了。

原文&＃xff1a;http://blog.csdn.net/ameol/article/details/9021071