js獲取瀏覽器返回按鈕事件
阿新 • • 發佈:2019-02-15
前面要加上jquery
比如<script src="style/jquery.min.js"></script>
監聽事件
jQuery(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');
}
});
History 物件
History 物件包含使用者(在瀏覽器視窗中)訪問過的 URL。
History 物件是 window 物件的一部分,可通過 window.history 屬性對其進行訪問。
history.pushState(state, title, url)
將當前URL和history.state加入到history中,並用新的state和URL替換當前。不會造成頁面重新整理。
state:與要跳轉到的URL對應的狀態資訊。
title:不知道幹啥用,傳空字串就行了。
url:要跳轉到的URL地址,不能跨域。