Warum wird die Onclick-Funktion return false in JavaScript nicht ausgelöst?
滿天的星座
滿天的星座 2017-05-19 10:39:07
0
2
622

Gemäß der JavaScript-Dom-Programmierkunst gibt es für den Teil der Webseite, der Bilder anzeigt, einen Abschnitt, der die Eingabe von onclick="showPic(this);return false;" erfordert, um zu verhindern, dass auf der Webseite neue Links angezeigt werden Bilder, aber am Ende wird beim Ausführen immer noch ein neuer Link angezeigt. Der spezifische Code lautet wie folgt:


<!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>   
滿天的星座
滿天的星座

Antworte allen(2)
迷茫

首先是你的id获取单词都拼错了,其次是a标签href指向问题和点击事件冲突
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>My Gallery</title>
</head>
<body >
<h1>snapshots</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="My Gallery"/>
<script>

  function showPic(whichpic){
    var source=whichpic.getAttribute ("date-href");
    var placeholder=document.getElementById ("placeholder");
       placeholder.setAttribute("src",source);
}

</script>
</body>
</html>

大家讲道理

获取id是document.getElementById('')

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage