亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

猛跑小豬 2018-07-22 13:26:12
按照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>
查看完整描述

2 回答

?
慕標琳琳

TA貢獻1830條經驗 獲得超9個贊

首先是你的id獲取單詞都拼錯了,其次是a標簽href指向問題和點擊事件沖突
<!DOCTYPE html>
<html>
<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>


查看完整回答
反對 回復 2018-07-29
?
慕工程0101907

TA貢獻1887條經驗 獲得超5個贊

獲取id是document.getElementById('')

查看完整回答
反對 回復 2018-07-29
  • 2 回答
  • 0 關注
  • 965 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號