JavaScript中onclick函数return false 未被触发是怎么回事?
本文介绍了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>
解决方案
首先是你的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>
这篇关于JavaScript中onclick函数return false 未被触发是怎么回事?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文