搜尋

首頁  >  問答  >  主體

JavaScript中onclick函數return false 未被觸發是怎麼回事?

依照javascript dom 程式設計藝術關於網頁顯示圖片的那部分內容敲出來的程式碼,其中有一段需要輸入onclick="showPic(this);return false;"用於阻止網頁彈出新的連結來查看圖片,但是最後運行的時候還是彈出新的連結了,具體程式碼如下:


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

全部回覆(2)我來回復

  • 迷茫

    迷茫2017-05-19 10:41:07

    首先是你的id獲取單字都拼錯了,其次是a標籤href指向問題和點擊事件衝突




    My Gallery


    snapshots


      <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>


    My Gallery


    回覆
    0
  • 大家讲道理

    大家讲道理2017-05-19 10:41:07

    取得id是document.getElementById('')

    回覆
    0
  • 取消回覆