- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
Selon l'art de programmation JavaScript dom concernant la partie de la page Web qui affiche des images, il existe une section qui nécessite la saisie onclick="showPic(this);return false;" pour empêcher la page Web d'afficher de nouveaux liens à afficher. des images, mais à la fin Lors de l'exécution, un nouveau lien apparaît toujours. Le code spécifique est le suivant :
.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>My Gallery</title>
</head>
<body>
<h1>snapshots</h1>
<ul>
<li>
<a href="images/do or die.jpg" onclick="showPic(this);return false;" title="do or die">DO</a>
</li>
<li>
<a href="images/hand.jpg" onclick="showPic(this);return false;" title="hand">HAND</a>
</li>
<li>
<a href="images/phrase.jpg" onclick="showPic(this);return false;" title="phrase">Phrase</a>
</li>
</ul>
<img id="placeholder" src="images/dog.jpg" alt="My Gallery"/>
<script>
function showPic(whichpic)
{var source=whichpic.getAttribute ("href");
var placeholder=document.getElenmentById ("placeholder");
placeholder.setAttribute("src",source);}
</script>
</body>
</html> 
迷茫2017-05-19 10:41:07
Tout d'abord, les mots avec lesquels vous obtenez l'identifiant sont mal orthographiés, et deuxièmement, le problème de pointage href de la balise a entre en conflit avec l'événement click
<!DOCTYPE html>
<html lang="fr">
<head>
< meta charset="utf-8"/>
<title>Ma galerie</title>
</head>
<body >
<h1>instantanés</h1> ;
<ul>
<li>
<a href="javascript:;" date-href="zhc1.jpg" onclick="showPic(this);return false;" title="do or die">DO</a>
</li>
<li>
<a href="javascript:;" date-href="zhc2.jpg" onclick="showPic(this);return false;" title="hand">HAND</a>
</li>
<li>
<a href="javascript:;" date-href="zhc3.jpg" onclick="showPic(this);return false;" title="phrase">Phrase</a>
</li></ul>
<img id="placeholder" src="zixun_video_pic.jpg" alt="Ma galerie"/>
<script>
function showPic(whichpic){
var source=whichpic.getAttribute ("date-href");
var placeholder=document.getElementById ("placeholder");
placeholder.setAttribute("src",source);
}
</script>
</body>
</html>
