手機上萬能返回上一頁(wap2.0)代替history.go(-1)
阿新 • • 發佈:2017-07-04
int view push 機器 type field ... tar ret
最近在做wap2.0的手機wap,寫返回上一頁的時候,開始是用history.go(-1);
發現在手機上只有部分機器可以比如windows mobile 而在別的機器如nokia和ophone手機
上這些就不太好用了,經過左思右想終於想到了個山寨方法來解決這個流氓問題了...
不直接用手機的返回功能,而是通過讀取 referrer 上得到上一頁的鏈接來實現手機返回上一頁功能
代碼如下:
Javascript CODE
[javascript] view plaincopyprint?- /*返回上一頁*/
- function return_prepage()
- {
- if(window.document.referrer==""||window.document.referrer==window.location.href)
- {
- window.location.href="{dede:type}[field:typelink /]{/dede:type}";
- }else
- {
- window.location.href=window.document.referrer;
- }
- }
在需要用的地方直接調用;
javascript:return_prepage();
監聽瀏覽器返回上一頁
$(document).ready(function($) { if (window.history && window.history.pushState) { $(window).on(‘popstate‘, function() { var hashLocation = location.hash; var hashSplit = hashLocation.split("#!/"); var hashName = hashSplit[1]; if (hashName !== ‘‘) { var hash = window.location.hash; if (hash === ‘‘) { alert(‘後退按鈕點擊‘); } } }); window.history.pushState(‘forward‘, null, ‘./#forward‘); } });
手機上萬能返回上一頁(wap2.0)代替history.go(-1)