url हैश url # nameoffunction

Question

के आधार पर एक जेएस फ़ंक्शन निष्पादित करने के लिए मैंने देखा कि कुछ वेबसाइटें URL पर आधारित जावास्क्रिप्ट फ़ंक्शन निष्पादित करती हैं। उदाहरण के लिए,

जब मैं का उपयोग http://domain.com/jobs#test

तो वेबसाइट एक समारोह के आधार पर कार्यान्वित #test

मैं location.href की जाँच करके यह कर सकते हैं, लेकिन वहाँ एक बेहतर तरीका है?

Answer 1

यह मुझे क्या करना है:

window.onload = function(){ 
    var hash = (window.location.hash).replace('#', ''); 
    if (hash.length == 0) { 
     //no hash do something 
    } 
    else { 
     //else do something with hash 
    } 
} 

डेमो: http://jsfiddle.net/maniator/XCjpy/show/#test
डेमो 2: http://jsfiddle.net/maniator/XCjpy/show/
डेमो 3: http://jsfiddle.net/maniator/XCjpy/show/#testing_again

Answer 2

This पर एक नज़र डालें।
संपत्ति तालिका देखें।
location.hash आपकी मदद करनी चाहिए।

Answer 3

आप YUI की तरह एक पुस्तकालय इस्तेमाल कर सकते हैं सुंदर ढंग से इस अधिक करने के लिए, YUI ब्राउज़र पर एक नजर डालें इतिहास प्रबंधक

http://developer.yahoo.com/yui/history/

Answer 4

Live Demo

$(window).bind('hashchange', function() { 
    var hash = document.location.hash; 
    var func = hash.replace('#', ''); 
    eval(func + '()'); 
}); 

function asdf() { 
    alert('asdf function'); 
} 

function qwerty() { 
    alert('qwerty function'); 
} 

नोट:eval() खतरनाक है। आप सुरक्षित कार्यों की एक पूर्वनिर्धारित सरणी बनाना चाहिए, और उनको कॉल करें।

Answer 5

आप IE6 और IE7 जैसे पुराने ब्राउज़रों का समर्थन करने की जरूरत नहीं है, तो आप उपयोग कर सकते हैं:

window.onhashchange = function(){ 
    switch(location.hash) { 
    case '#hash1': 
     //do something 
    break; 
    case '#has2': 
     //do something else 
    break; 
    } 
} 

लेकिन आप मतदान करने की जरूरत है आप पुराने ब्राउज़र का समर्थन करने के लिए है, तो:

var oldHash = location.hash; 
setInterval(function(){ 
    if(location.hash !== oldHash){ 
    oldHash = location.hash; 
    //hash changed do something 
    } 
}, 120);