html拼hash会缓存么,window.location.href与.html之后的#hash

您可以使用以下代码实现哈希检查：

$( document ).ready(

function () {

// Get the current URL

var loc = window.location.href;

// Get the hash part

var hash = window.location.hash.replace( '#', '' );

if (

// If the location contains the word user

/user/.test( loc ) &&

// and the hash string has length greater than 0

0 < hash.length &&

// and the hash contains the string /details

/\/details/.test( hash )

) {

// Do stuff related to user page

// with the details hash part

}

}

);

此外，如果您想使其更复杂，您可以使用以下代码：

(function( $, window, undefined ) {

// Handle the page elements related to the hash parts

var track_hash_changes = function track_hash_changes() {

// Get the current URL

var loc = window.location.href;

// Get the hash part

var hash = window.location.hash.replace( '#', '' );

if (

// If the location contains the word user

/user/.test( loc )

) {

switch( hash ) {

case '/case-1':

// Do stuff for case #1

break;

case '/case-2':

// Do stuff for case #2

break;

case '/case-X':

// Do stuff for case #X

break;

}

}

};

$( document ).ready(

function () {

// Listen for changes in the Hash part of the URL

window.addEventListener("hashchange", track_hash_changes, false);

}

);

})( jQuery, this );

其中case-1，case-2，case-X是user.html#/case-1，user.html#/case-2，user.html#/case-X