取消onbeforeload事件,onbeforeunload保存页面数据
今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章,希望能够帮助到大家!
Onload,Onunload和onbeforeunload方法的异同
onload的意思是当页面加载完毕的时候执行.
2相同点:Onunload,onbeforeunload都是在刷新或关闭时调用
不同点:Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取,而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的.Onbeforeunload可以做到,onbeforeunload在onunload之前执行,它还可以阻止onunload的执行.
说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持.
描述:事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。
•通过地址栏或收藏夹前往其他页面的时候
•点击返回,前进,刷新,主页其中一个的时候
•点击一个前往其他页面的url连接的时候
•调用以下任意一个事件的时候:
click,document write,document open,document close,window close,window
navigate,window NavigateAndFind,location,replace,location reload,form submit.
•当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
•重新赋予location.href的值的时候。
type=”submit”按钮提交一个具有指定action的表单的时候。
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
描述:当用户关闭一个页面时触发 onunload事件。
•通过地址栏或收藏夹前往其他页面的时候
•点击返回,前进,刷新,主页其中一个的时候
一个前往其他页面的url连接的时候
•调用以下任意一个事件的时候:
open,document close,window close,window navigate,window
NavigateAndFind,location,replace,location reload,form submit.
open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
•重新赋予location.href的值的时候。
•通过input type=”submit”按钮提交一个具有指定action的表单的时候。
一个页面加载最慢的往往是页面中的大图,在用google的Picasa
网络相册时,google会一共生成7种大小的缩略图存放在他的服务器上,然后在大图的浏览页,他会先加载一个缩略图
,然后等大图完全加载后再替换掉原来的缩略图,实现那种模糊到清晰的效果。
p.onload= p.onreadystatechange= function()
&&(!this.readyState|| this.readyState=="loaded"|| this.readyState
document.getElemengtById('pic').src='big.jpg';
window.onbeforeunload= function(e)
var n= window.event.screenX- window.screenLeft;
var b= n> document.documentElement.scrollWidth-20;
&& window.event.clientY< 0|| window.event.altKey)
//这里可以放置你想做的操作代码
event.returnValue="确定离开当前页面吗?";
这段代码就是判断触发onbeforeunload事件时,鼠标是否点击了关闭按钮,或者按了ALT+F4来关闭网页,如果是,则认为系统是关闭网页,否则在认为系统是刷新网页.
onload的意思是当页面加载完毕的时候执行.
当某一事件被触发时需要执行某个函数,在IE下可用attachEvent,在FF下则要用addEventListener.
attachEvent()有两个参数,第一个是事件名称,第二个是需执行的函数;
addEventListener()有三个参数,第一个是事件名称,但与IE事件不同的是,事件不带"on",比如"onsubmit"在这里应为"submit",第二个是需执行的函数,第三个参数为布尔值;
window.attachEvent('onload',函数名)//IE中
window.addEventListener('load',函数名,false);//firefox
onbeforeunload事件在即将离开当前页面(刷新或关闭)时触发。
该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。
对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似"确定要离开此页吗?"。该信息不能删除。但开发者可以自定义一些消息提示与标准信息一起显示在对话框。
1、如果没有在<body>元素上指定 onbeforeunload事件,则需要在 window对象上添加事件,并使用 returnValue属性创建自定义信息。
2、在 Firefox浏览器中,只显示默认提醒信息(不显示自定义信息)。
wwW.Xtw.Com.cN系统网专业的PC、手机系统开发下载平台,HarmonyOS系统、安卓、OS、windows电脑重装系统在线下载安装,操作系统平台技术学习,攻略教程,技术交流。
免责声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。内容仅供参考使用,不准确地方联系删除处理!
联系邮箱:773537036@qq.com