移动端爬坑记 --- (3)DOMReady的实现及微信端reload页面解决方案
来源:互联网 发布:儿童摄影网络拉单公司 编辑:程序博客网 时间:2024/04/28 18:44
前言
两个小问题的解决方案
问题1 : DOMReady的实现
刚好有一个页面是注册成功的,就单单一个成功图片和文字描述和下载按钮.
由于临时需要增加一个倒计时重定向到下载页面
想了想原生有这么个参数就直接拿来用了,兼容性非常不错,移动端基本清一色的绿色,
PC端支持也不错.IE9+
实现代码 – 很简单的一个事件监听,第三那个参数capture[false为冒泡,true为捕获]
document.addEventListener('DOMContentLoaded',function(){ var count = 5; setInterval(function(){ count--; if(count<=1){ window.location.href ="https://www.wolianw.com/index2.html"; } document.querySelector('.count').innerHTML=count; },1000); }, false);
问题2.微信端reload页面解决方案
H5站点首页需要增加下拉刷新,在其他浏览器试的好好的…用微信打开测试,一脸懵逼..一直卡在loading团出来而不重载页面
解决方案: 增加一个没用的参数
//window.location.reload 在微信端用不了,应该是微信做了缓存...就是不能重载... //location.href增加一个随机参数,可以避免给缓存[我感觉是缓存.就这么称呼把] window.location.href=window.location.href+"?uncache="+123*Math.random();
0 0
- 移动端爬坑记 --- (3)DOMReady的实现及微信端reload页面解决方案
- domReady的实现策略
- DOMReady的实现
- 移动端常见的页面问题及解决方案
- 主流JS框架中DOMReady事件的实现(复制其它论坛的)
- 移动端页面平滑翻页的解决方案
- [转] 主流JS框架中DOMReady事件的实现
- 主流JS框架中DOMReady事件的实现
- 主流JS框架中DOMReady事件的实现
- 主流JS框架中DOMReady事件的实现
- 主流JS框架中DOMReady事件的实现
- 移动页面滚动穿透解决方案(荐)
- 移动端html5页面长按实现高亮全选文本内容的兼容解决方案
- javascript的domReady
- jQuery的domReady
- 移动端遇到的问题及解决方案
- domReady
- 移动端页面touch会"穿透"的解决方案
- 单点登录思路
- 数独问题的方法
- 在windows下使用VirtualEnv
- 16727
- 构建自己的博客系统的技术
- 移动端爬坑记 --- (3)DOMReady的实现及微信端reload页面解决方案
- android TypedValue.applyDimension()的作用
- Npm install failed “cannot run in wd”
- 如何定位花屏和界面错乱等绘制异常的问题
- oracle分页查询数据重复问题
- 败者树
- J2EE进阶(十三)Spring MVC常用的那些注解
- 【Debug】error RC1015: cannot open include file 'atlres.h'
- 08-掌握-GCD线程间通信