快捷導(dǎo)航

在微信、支付寶、百度錢包實現(xiàn)點擊返回按鈕關(guān)閉當前頁面和窗口的方法

更新時間：2016年08月05日 11:09:41 作者：Mr_Smile2014

這篇文章主要介紹了在微信、支付寶、百度錢包實現(xiàn)點擊返回按鈕關(guān)閉當前頁面和窗口的方法，傳統(tǒng)的window.close()是無效的，必須要使用它們的js代碼才能關(guān)閉。下面小編給大家分享下代碼，一起看看吧

最近在使用微信、支付寶、百度錢包實現(xiàn)網(wǎng)頁支付，對支付成功將自動關(guān)閉頁面，對于支付失敗，將顯示錯誤信息。當在錯誤頁面的時候，點擊返回或者Android物理按鍵上一步的時候，將關(guān)閉頁面。

在微信、支付寶、百度錢包中，他們對頁面關(guān)閉進行了封裝，傳統(tǒng)的window.close()是無效的，必須要使用它們的js代碼才能關(guān)閉。

下面是三種移動app的關(guān)閉方式：

WeixinJSBridge.call('closeWindow');//微信 
AlipayJSBridge.call('closeWebview'); //支付寶 
BLightApp.closeWindow();//百度錢包

通過瀏覽器的頭判斷是那種瀏覽器：

var ua = navigator.userAgent.toLowerCase(); 
f(ua.match(/MicroMessenger/i)=="micromessenger") { 
alert("微信客戶端"); 
} else if(ua.indexOf("alipay")!=-1){ 
alert("支付寶客戶端"); 
}else if(ua.indexOf("baidu")!=-1){ 
alert("百度客戶端"); 
}

對返回、上一頁、后退進行監(jiān)聽，并對history中放入當前頁地址：

$(function(){ 
pushHistory(); 
window.addEventListener("popstate", function(e) { 
}, false); 
function pushHistory() { 
var state = { 
title: "title", 
url: "#" 
}; 
window.history.pushState(state, "title", "#"); 
} 
});

整個實現(xiàn)完整代碼：

$(function(){ 
pushHistory(); 
window.addEventListener("popstate", function(e) { 
pushHistory(); 
var ua = navigator.userAgent.toLowerCase(); 
if(ua.match(/MicroMessenger/i)=="micromessenger") { 
WeixinJSBridge.call('closeWindow'); 
} else if(ua.indexOf("alipay")!=-1){ 
AlipayJSBridge.call('closeWebview'); 
}else if(ua.indexOf("baidu")!=-1){ 
BLightApp.closeWindow(); 
} 
else{ 
window.close(); 
} 
}, false); 
function pushHistory() { 
var state = { 
title: "title", 
url: "#" 
}; 
window.history.pushState(state, "title", "#"); 
} 
});

以上所述是小編給大家介紹的在微信、支付寶、百度錢包實現(xiàn)點擊返回按鈕關(guān)閉當前頁面和窗口的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: