Javascript Girl
  1. Javascript Girl
  3. Javascript inline onclick goto local ancre
Intereting Posts
Comment créer des objets globaux basés sur des instances à partir de la portée locale? Forcer un événement window.onload en javascript Will jQuery recherche-t-il l'ID avant de filtrer d'autres paramètres dans le sélecteur? Réagir: setState ne donne pas les résultats exactement comme prévu (ne fonctionne pas?) Comment changer de vue avec le routeur backbone.js? Comment puis-je recharger une page sans un avertissement POSTDATA en Javascript? Les méthodes jQuery Mobile ShowPageLoadingMsg () / hidePageLoadingMsg () ne fonctionnent pas sur la page initiale loadn XRegExp no look-behind? Comment installer node-gyp dans Linux? La variable globale de Javascript ne persiste pas lorsque vous naviguez vers une autre page (qui utilise également le même fichier js) Comment planifier un travail avec kue sur parse-server? Javascript recadrer l'image sur le canevas Comment puis-je suivre et déboguer les fuites de mémoire JavaScript dans Firefox? Javascript: comment obtenir plusieurs résultats dans les résultats RegEx .exec Impossible d'itérer sur mon tableau / objet. Javascript, React Native

Javascript inline onclick goto local ancre

J'ai un bouton en tant qu'image … 

<img src="button.png" />

J'ai besoin d'un javascript dans un clic sur où, lorsque vous cliquez, il naviguera vers une ancre locale. Par exemple: 

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

Comment puis-je faire ceci?

Mise à jour: c'est le code que j'utilise: 

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

Il semble que onClick devrait être: 

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

La solution présentée dans la réponse acceptée a la question importante qu'elle ne peut être utilisée que 1 fois. Chaque clic consécutif ajoute #goToPage à l'emplacement et la fenêtre ne navigue pas vers l'ancre.

Une solution consiste à retirer la pièce d'ancrage avant d'ajouter une nouvelle ancre: 

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

Exemple d'utilisation: 

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

Notez que l'ancre doit être placé entre guillemets, sans le préfixe hash.

Enroulez-le sur une étiquette d'ancrage. Vous n'avez pas besoin d'utiliser JS. 

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