window屬性:onhashchange

2018-05-07 14:29 更新

onhashchange屬性

當(dāng)窗口的哈希值發(fā)生變化時(shí),hashchange事件將會(huì)觸發(fā)。

onhashchange屬性語法

window.onhashchange = funcRef;

或者:

<body onhashchange =“funcRef();”>

覆蓋任何現(xiàn)有的事件處理程序。

為了將事件偵聽器添加到現(xiàn)有的事件處理程序集,請(qǐng)使用函數(shù)“addEventListener”:

window.addEventListener(“hashchange”,funcRef,false);

onhashchange屬性參數(shù)

funcRef
對(duì)函數(shù)的引用。

onhashchange屬性示例

if ("onhashchange" in window) {
    alert("The browser supports the hashchange event!");
}

function locationHashChanged() {
    if (location.hash === "#somecoolfeature") {
        somecoolfeature();
    }
}

window.onhashchange = locationHashChanged;

hashchange事件

觸發(fā)的hashchange事件具有以下字段:

字段 類型 描述
newURL DOMString 窗口正在導(dǎo)航到的新URL
oldURL DOMString 導(dǎo)航窗口的上一個(gè)URL

針對(duì)event.newURL和event.oldURL的解決方法

//let this snippet run before your hashchange event binding code
if(!window.HashChangeEvent)(function(){
	var lastURL=document.URL;
	window.addEventListener("hashchange",function(event){
		Object.defineProperty(event,"oldURL",{enumerable:true,configurable:true,value:lastURL});
		Object.defineProperty(event,"newURL",{enumerable:true,configurable:true,value:document.URL});
		lastURL=document.URL;
	});
}());

規(guī)范

規(guī)范 狀態(tài) 注釋
HTML Living Standard 
規(guī)范中的'GlobalEventHandlers'的定義。
Living Standard
 
HTML 5.1 
該規(guī)范中的'GlobalEventHandlers'的定義。
Recommendation
 
HTML5 
該規(guī)范中的'GlobalEventHandlers'的定義。
Recommendation
 

瀏覽器兼容性

電腦端 移動(dòng)端
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Androidwebview
Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持 支持 支持:3.6 支持:8 支持:10 支持:5 支持 支持 支持 支持:4 支持:11 支持:5
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)