onload, onpageshow 事件在不同浏览器中的表现

最新推荐文章于 2024-08-07 02:17:06 发布
最新推荐文章于 2024-08-07 02:17:06 发布
阅读量2.5k 收藏 4
点赞数 1
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/kenyang/archive/2012/05/08/2490279.html
版权

 

 

onload, onpageshow 事件在不同浏览器中的表现:

 

事件

Internet Explorer

Chrome

FireFox

Safari

第一次加载页面

onload

触发

触发

触发

触发

onpageshow

不触发

触发

触发

触发

从其他页面返回(按浏览器的返回按钮)

onload

触发

触发

不触发

不触发

onpageshow

不触发

触发

触发

触发

 

1. IE 不支持 onpageshow, onpagehide 事件。

2. Chrome 从其它页面返回时，既触发 onload 事件，又触发 onpageshow 事件。

转载于:https://www.cnblogs.com/kenyang/archive/2012/05/08/2490279.html

weixin_30612769
关注
HTML 页面的生命周期、HTML 事件
墨鱼菜鸡
07-11 966
From：https://blog.csdn.net/WuLex/article/details/101016936 1、页面生命周期 HTML页面的生命周期有以下三个重要事件，每个事件都有特定的用途 DOMContentLoaded： 浏览器已经完全加载 HTML，DOM 树已经构建完毕，js 可以访问所有DOM节点，初始化界面。但是像是&l...
6年前端开发整理出的日常开发中碰到的兼容适配问题
发果叁
05-17 1197
前言 这几天看了一下自己以前写的开发笔记，发现自己也从一个初出茅庐只会面向群编程的菜鸟变成在群里给别人解答问题的老鸟了。正好将自己做前端6年以来碰到的一些项目中很常见的兼容适配问题以及解决方案整理出来分享出来，加快大家进阶老鸟的进度。 1.扩大按钮可点击区域 常见于手机端勾选协议按钮，弹框的"x"号，由于按钮设计的较小，用户手指跟屏幕接触的面积较大，用户需要点击多次才能触发事件，体验较差，需要在不改变ui的前提下扩大按钮的点击区域。 解决： 使用伪元素(伪元素相对于父元素定位向四周延展，可以设置为任意尺寸
window对象的事件：onresize、onpageshow、onload
weixin_30932215的博客
05-11 1362
onresize事件非常容易理解： 即当窗口或者框架的大小发生变化时，就会触发此事件。 实例demo onpageshow事件是当用户浏览网页时触发的。 onpageshow 事件类似于onload事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。 为了查看页面是直接从服...
记一次奇葩事——html5可能不支持window.onscroll函数
最新发布
weixin_42348026的博客
08-07 22
只在html5里遇到，html4没事；拿出来聊聊，路过帮忙解答下！！！不正常的登录后复制 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>浮动广告</ti...
onshow和onload的区别
qq_40889256的博客
04-13 662
onshow在每次打开页面都会加载数据，可用于数据在需要刷新的情况下。 onload只是在第一次进入页面时会刷新数据，从二级页面回来不会重新加载数据。
当onPageShow和window.location.reload()同时出现时候的问题
尹小姐的博客
07-07 882
onpageshow和window.location.reload同时出现的问题
onpageshow 事件及应用
weixin_49295874的博客
03-15 1431
onpageshow 事件在用户浏览网页时触发。 onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。和onshow生命周期类似。 html中添加onpageshow事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html中
JavaScript阻止浏览器返回按钮的方法
10-24
此外，通过编写一个自定义的函数StopBack()，并在页面加载时（使用window.onload事件）以及页面显示时（使用onpageshow事件）调用这个函数，能够更好地确保用户无法通过点击浏览器的返回按钮回到前一页。 需要注意...
HTML5事件方法全部汇总
12-14
- `onpagehide` 和 `onpageshow`：在页面隐藏或显示时触发，可用于处理页面生命周期。 - `onpopstate`：当浏览历史发生变化时触发，常用于实现前进后退功能。 - `onresize`：窗口尺寸改变时触发，用于响应动态...
常见浏览器兼容性问题及解决办法总结
萌兔兔MMQ！！
07-19 1万+
border0;我们常用的div布局，div是块级元素，横向布局的时候我们通常都是用divfloat实现的，横向的间距设置如果用margin实现，这就是一个必然会碰到的兼容性问题在IE6显示margin比设置的大,常见症状是IE6中后面的一块被顶到下一行。解决方案原先元素的border去掉，然后利用before或者after重做border，并transform的scale缩小一半，原先的元素相对定位，新做的border绝对定位。当内容高度大于这个值时，容器高度被撑高，而不是出现滚动条。...
浏览器缓存与pageshow监听掉坑
weixin_33827965的博客
06-19 1771
h5项目遇到个问题，测试表示退出浏览器后再直接进入页面，页面会出错。 猜测是浏览器缓存的问题，本想监听pageshow进行刷新处理，结果监听不到。 参考以下博文可解决问题。 https://juejin.im/post/5c807802f265da2de33f4e1f 转载于:https://www.cnblogs.com/xiaoyuchen/p/11055089.html...
浏览器兼容性问题解决方案 · 总结
热门推荐
逆夏的博客
08-29 4万+
浏览器兼容性问题解决方案 · 总结普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。Normalize.css不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。当然，你也可以定制属于自己业务的 re
onpageshow 用户浏览网页时触发
sinat_14871673的博客
02-19 2194
用户浏览网页时触发 这个可以解决在iPad 某个版本中 Safar 点击后退是不触发的问题
popstata或onpageshow解决微信浏览器点击返回按钮时读取缓存问题
Joker561
09-12 6506
在微信浏览器中，从一个html跳到另外一个html页面后，点击浏览器自带的历史返回按钮，或者在第二个页面中调用history.back()等返回上一页方法，在安卓中直接会返回上一页（相当于重新加载上一页所有内容和逻辑，js会重新在执行一遍），但是在苹果端中，返回到上一页是，浏览器会读取缓存中的页面内容（回到上一页，会保持跳转时的状态，包括刚才浏览的位置，但是js不会在重新执行，因为是直接读取缓存中的
IOS微信浏览器返回事件popstate监听 会立即执行一次【解决方案】
Umbrella_Um的博客
12-16 1130
页面跳转从a->b->b1->c，然后从c返回到b再到a。（监听popstate） IOS版的微信，是会立即触法popstate事件，导致直接从C页面跳转到A页面 解决办法： var bool = false; window.addEventListener('pageshow',function(){ bool = false; setTimeout(function(){ bool = true; },1000)//延迟1秒 防止ios微信返.
react折叠显示更多
lee727n的博客
12-08 1538
显示效果如上图 <div className='introView' > <div className='deptname'>骨科</div> <div className='deptphone'>门诊电话: <span>010-8888 8888</span></div> <div className={get...
页面显示(pageshow)和页面隐藏(pagehide)事件
12-10 1万+
Firefox和Opera有一个新特性，名叫“往返缓存”（back-forward cache，或bfcache），可以在用户使用浏览器的“后退”和“前进”按钮时加快页面的转换速度。这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。如果页面位于bfcache中，那么再次打开该页面就不会触发load事件。尽管由于内存中保存了整个页面的状态，
JavaScript跨浏览器事件处理揭秘：兼容挑战与解决方案
在JavaScript中，构建一个能够有效处理跨浏览器事件的机制是一项挑战，尤其是在考虑到浏览器兼容性的问题。由于不同浏览器之间的DOM实现和API存在差异，特别是IE浏览器使用的是MSDHTMLDOM中的attachEvent和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值