尝试用retuen fasle;取消a标签默认动作,无果
入坑js刚刚不久,遇到了一个问题,希望各位大佬帮忙看看
用书上的方法取消a标签的默认动作,但是每次都取消不了,执行完showPic后就会跳转。。
代码如下
<!-******************************************** html ********************************************************** ->
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<script src="js/pic.js"></script>
<title>图片预览</title>
</head>
<body>
<h1>Snapshots</h1>
<ul id="aa">
<li><a href="images/a.jfif" onclick="showPic(this);return false;" title="a">aaa</a></li>
<li><a href="images/b.jfif" onclick="showPic(this);return false;" title="b">bbb</a></li>
<li><a href="images/c.jfif" onclick="showPic(this);return false;" title="c">ccc</a></li>
<li><a href="images/d.jfif" onclick="showPic(this);return false;" title="d">ddd</a></li>
</ul>
<img id="placeholder" src="images/d.jfif" alt="ddd" />
</body>
</html>
<!-********************************************** js ******************************************************** ->
function showPic(whichpic){
var source = whichpic.getAttribute("href");//获取图片地址
var placeholder = document.getElementById("placeholder");//获取“占位符”元素
placeholder.setAttribut("src",source);//给“占位符”赋值
}