无刷新改变路由的两种方法通过hash改变路由
代码
window.location.hash='edit'
效果
http://xxxx/#edit
通过history改变路由
- history.back(): 返回浏览器会话历史中的上一页,跟浏览器的回退按钮功能相同
- history.forward():指向浏览器会话历史中的下一页,跟浏览器的前进按钮相同
- history.go(): 可以跳转到浏览器会话历史中的指定的某一个记录页
- history.pushState()可以将给定的数据压入到浏览器会话历史栈中,该方法接收3个参数,对象,title和一串url。pushState后会改变当前页面url
- history.replaceState()将当前的会话页面的url替换成指定的数据,replaceState后也会改变当前页面的url
监听url变化
监听hash变化
window.onhashchange=function(event){ console.log(event); } //或者 window.addEventListener('hashchange',function(event){ console.log(event); })
监听back/forward/go
如果是history.back(),history.forward()、history.go()那么会触发popstate事件
window.addEventListener('popstate', function(event) { console.log(event); })
但是,history.pushState()和history.replaceState()不会触发popstate事件,所以需要自己手动增加事件
监听pushState/replaceState
history.replaceState和pushState不会触发popstate事件,那么如何监听这两个行为呢。可以通过在方法里面主动的去触发popstate事件。另一种就是在方法中创建一个新的全局事件。
改造
const _historyWrap = function(type) { const orig = history[type]; const e = new Event(type); return function() { const rv = orig.apply(this, arguments); e.arguments = arguments; window.dispatchEvent(e); return rv; }; }; history.pushState = _historyWrap('pushState'); history.replaceState = _historyWrap('replaceState');
监听
window.addEventListener('pushState', function(e) { console.log('change pushState'); }); window.addEventListener('replaceState', function(e) { console.log('change replaceState'); });
总结
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 水木年华.2011-十年·启程2010北京工体演唱会2CD【水木同创】【WAV+CUE】
- 群星《今天的她们 电视剧原声带》[FLAC/分轨][162.95MB]
- 群星《2023-2024南面而歌 新世代台语歌创作专辑》[320K/MP3][99.79MB]
- 邝美云《一期一会 邝美云精选集》[320K/MP3][525.2MB]
- 姜育恒.1997-精华辑(引进版)【开丽创意】【WAV+CUE】
- 张惠妹.2009-阿密特NEWXRCD【金牌大风】【WAV+CUE】
- 戴军.1995-阿莲·新娘【大藏艺术】【WAV+CUE】
- ABC德国制《英国天朗88周年纪念版》6N纯银镀膜[低速原抓WAV+CUE]
- 原音母版1:1直刻《经典粤语老歌》[低速原抓WAV+CUE]
- 山口百惠-L.A.Blue[黑胶-ISO]
- 邝美云《一期一会 邝美云精选集》[FLAC/分轨][1.35G]
- 缇ゆ槦銆婅豹椹剧鏇插鍒╀笓鐢ㄣ€媅WAV鍒嗚建][567M]
- 群星《网络试音王》[WAV分轨][616M]
- 绝对值得珍藏的《儿童经典歌曲300首(全)》15CD[WAV]
- 罗美玲.2002-红色向日葵【BMG】【WAV+CUE】