यूआरएल हैश स्थान प्राप्त करना, और इसे jQuery

Question

में उपयोग करना मैं वर्तमान पृष्ठ के यूआरएल में हैश के बाद मान प्राप्त करना चाहता हूं और फिर इसे एक नए फ़ंक्शन में लागू करने में सक्षम हूं ... उदाहरण के लिए।

यूआरएल

www.example.com/index.html#foo 

हो सकता है और मैं कोड

$('ul#foo:first').show(); 

मैं थोड़े संभालने कर रहा हूँ/उम्मीद का निम्न भाग के साथ संयोजन के रूप में इस का उपयोग करना चाहते हैं वहाँ हथियाने का कोई रास्ता है यह, और इसे एक चर में बदल रहा है जिसे मैं कोड के दूसरे भाग में उपयोग कर सकता हूं।

किसी भी मदद की व्यापक सराहना की जाएगी!

चीयर्स

Answer 1

संपादक की टिप्पणी : नीचे दृष्टिकोण गंभीर सुरक्षा निहितार्थ और, आप उपयोग कर रहे jQuery के संस्करण पर निर्भर करता है, हमलों XSS करने के लिए अपने उपयोगकर्ताओं को बेनकाब कर सकते हैं है। अधिक जानकारी के लिए, इस उत्तर या this explanation on Security Stack Exchange पर टिप्पणियों में संभावित हमले की चर्चा देखें।

var hash = window.location.hash; 
$('ul'+hash+':first').show(); 

ध्यान दें कि यह संपत्ति पहले से ही शुरुआत में # प्रतीक शामिल हैं:

आप वर्तमान पृष्ठ का हैश हड़पने के लिए location.hash संपत्ति का उपयोग कर सकते हैं।

वास्तव में आप, जब से तुम ID selector उपयोग कर रहे हैं :first छद्म चयनकर्ता की जरूरत नहीं माना जाता है कि आईडी डोम भीतर अद्वितीय हैं है।

मामले में आप एक URL स्ट्रिंग से हैश प्राप्त करना चाहते हैं, तो आप String.substring विधि का उपयोग कर सकते हैं:

var url = "http://example.com/file.htm#foo"; 
var hash = url.substring(url.indexOf('#')); // '#foo' 

सलाह: ध्यान रखें कि उपयोगकर्ता हैश को बदल सकते हैं के रूप में वह चाहता है रहो, अपने चयनकर्ता को कुछ भी इंजेक्शन देना, आपको इसे इस्तेमाल करने से पहले हैश की जांच करनी चाहिए।

Answer 2

location.hash आईई (IE9 सहित) के मामले में, आईई लिए सुरक्षित नहीं है, अपने पृष्ठ आइफ्रेम शामिल है, तो iframe सामग्री के अंदर के मैनुअल ताज़ा बाद location.hash मूल्य पहले पृष्ठ लोड के लिए वर्ष (मूल्य मिलता है)। जबकि मैनुअल लिया गया मूल्य location.hash से अलग है इसलिए हमेशा document.URL

के माध्यम से इसे पुनः प्राप्त

var hash = document.URL.substr(document.URL.indexOf('#')+1) 

Answer 3

जो शुद्ध जावास्क्रिप्ट समाधान

document.getElementById(location.hash.substring(1)).style.display = 'block' 

आशा इस आप कुछ समय की बचत होती है के लिए देख रहे हैं उन लोगों के लिए।