Maison > interface Web > js tutoriel > Comment implémenter le problème du clic sur la balise a pour revenir en haut de la page en JS

Comment implémenter le problème du clic sur la balise a pour revenir en haut de la page en JS

高洛峰
Libérer: 2017-01-21 10:06:18
original
1722 Les gens l'ont consulté

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
  p {
   font-size: 400px;
  }
 </style>
</head>
<body>
<p>?</p>
<a href="javascript:void(0)">点击</a>
</body>
</html>
Copier après la connexion

Le code ci-dessus reviendra en haut de la page lorsque vous cliquerez dessus.

Résoudre le problème :

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
  p {
   font-size: 400px;
  }
 </style>
</head>
<body>
<p>?</p>
<a href="javascript:void(0)">点击</a>
</body>
</html>
Copier après la connexion

D'accord, le problème est résolu (^o^)/~

Si vous souhaitez ajouter un événement de clic à la balise a , vous pouvez écrire comme ceci

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
  p {
   font-size: 400px;
  }
 </style>
</head>
<body>
<p>?</p>
<a href="javascript:void(0)" onclick="aClick()">点击</a>
</body>
<script>
 function aClick() {
  alert("晨落梦公子");
 }
</script>
</html>
Copier après la connexion

Ce qui précède est ce que l'éditeur vous présente sur la façon d'implémenter en cliquant sur la balise a pour revenir en haut de la page en JS. J'espère que cela vous sera utile. à vous. Si vous avez des questions, laissez-moi un message et l'éditeur répondra à tout le monde dans les plus brefs délais. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles sur la façon d'implémenter le clic sur la balise a pour revenir en haut de la page en JS, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal