जावास्क्रिप्ट इनलाइन onclick गोटो स्थानीय लंगर

Question

मैं एक छवि के रूप में एक बटन है ...

<img src="button.png" /> 

मैं एक onclick जब क्लिक करें यह एक स्थानीय लंगर पर पहुंच जाएंगे जहां में कुछ जावास्क्रिप्ट की जरूरत है। उदाहरण के लिए:

<img src="button.png" onclick="navigateTo #page10" /> 

मैं यह कैसे कर सकता हूं?

अद्यतन:

onclick="document.location=#goToPage';return false;" 

Answer 1

यह लग रहा है onClick होना चाहिए:

onclick="document.location+='#goToPage';return false;" 

Answer 2

एक लंगर टैग में लपेट: यह कोड मैं का उपयोग कर रहा है। आपको जेएस का उपयोग करने की आवश्यकता नहीं है।

<a data-role="none" href="#page10"><img src="button.png" /></a> 

Answer 3

स्वीकार किए जाते हैं जवाब में प्रस्तुत समाधान महत्वपूर्ण मुद्दा है कि यह केवल 1 समय इस्तेमाल किया जा सकता है। प्रत्येक लगातार क्लिक स्थान पर #goToPage जोड़ता है और विंडो एंकर पर नेविगेट नहीं करेगा।

एक समाधान के लिए एक नया लंगर जोड़कर से पहले लंगर हिस्से को हटाने के लिए है:

function goToAnchor(anchor) { 
    var loc = document.location.toString().split('#')[0]; 
    document.location = loc + '#' + anchor; 
    return false; 
} 

प्रयोग उदाहरण:

<a href="#anchor" onclick="goToAnchor('anchor')">Anchor</a> 

ध्यान दें कि लंगर, उद्धरण में संलग्न करने की आवश्यकता है हैश उपसर्ग के बिना ।