模态窗口

模态窗口的关闭确认和事件执行

爱⌒轻易说出口 提交于 2019-11-28 20:19:46
最近在做一个测评系统,涉及到防止用户半途有意或者无意退出测评,需要在关闭子窗口时确认关闭操作,并在确认后让父窗口执行跳转的事件。这些功能可以通过window的onunload和onbeforeunload实现。 onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 onbeforeunload也是在页面刷新或关闭时调用,onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。onunload是无法阻止页面的更新和关闭的。而 onbeforeunload 可以做到。 <script type="text/javascript"> <!-- window.onbeforeunload = onbeforeunload_handler; function onbeforeunload_handler(){ var warning="确认退出?"; return warning; } window.onunload = onunload_handler; function