行内JavaScript与前两种方式不同,只需要将JavaScript代码写入HTML标签的属性中,不需要使用单独的
网页卸载方法及流程-零基础JavaScript从入门到精通
【摘要】:图15.4.8网页卸载事件发生unload事件时,网页的所有资源会立刻释放,向服务器发送请求几乎都会失败,此时只能完成一些可以立刻完成的操作,比如缓存资源、清理Cookie等。图15.4.9beforeunload事件设置了beforeunload事件的页面,浏览器会提醒数据可能不会被缓存。图15.4.10beforeunload事件为了避免网站显示迷惑性的文字,吓唬用户,部分浏览器全部使用统一的文字描述,比如图15.4.9提示“系统可能不会保存您所做的更改”。
网页卸载是指与load相反的事件,即beforeunload和unload。unload事件是指网页刷新、跳转、关闭等行为触发浏览器将当前网页卸载。beforeunload事件发生在卸载之前。
动手写15.4.7
执行15.4.7.html,输出结果到网页,如下图所示。
图15.4.8 网页卸载事件
发生unload事件时,网页的所有资源会立刻释放,向服务器发送请求几乎都会失败,此时只能完成一些可以立刻完成的操作,比如缓存资源、清理Cookie等。
在unload事件发生前,会触发beforeunload事件。如果在beforeunload事件中,event.returnValue不为空,是非空字符串,那么浏览器会显示一段提醒文字,即event.returnValue的值,用户可以选择继续关闭网页还是留在当前页面。beforeunload常用于提醒用户数据未完成保存,需要继续确认是否保存。
动手写15.4.8
(www.chuimin.cn)
执行15.4.8.html,输出结果到网页,如下图所示。
图15.4.9 beforeunload事件(Chrome)
设置了beforeunload事件的页面,浏览器会提醒数据可能不会被缓存。部分广告网站为了防止
用户关闭网页,故意展示一段夸大其词的文字,如下图所示。
图15.4.10 beforeunload事件(IE)
为了避免网站显示迷惑性的文字,吓唬用户,部分浏览器全部使用统一的文字描述,比如图15.4.9提示“系统可能不会保存您所做的更改”。