尝试用retuen fasle;取消a标签默认动作,无果

Antgeek 2020-04-07 04:00:53
入坑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);//给“占位符”赋值
}


...全文
172 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Antgeek 2020-04-07
  • 打赏
  • 举报
回复
就是拼写错误了
天际的海浪 2020-04-07
  • 打赏
  • 举报
回复
setAttribut 后面少了 e
虎子8 2020-04-07
  • 打赏
  • 举报
回复
href="javascript:void(0)" 你为啥要把地址放到href呢 随便放个别的属性

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧