请问为什么还是会跳去另一个网页，不是在原网页更换图片

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript">function showPic(whichpic){ var source=whchpic.getAttribute("href") var zhanwei=document.getElementById("zhanwei"); zhanwei.setAttribute("src",source);}</script></head><body><h1>图片库</h1><ul> <li> <a href="../企业/images/jc.jpg" onclick="showPic();return false" title="jicheng" >001</a> </li> <li> <a href="../企业/images/yd.jpg" title="yddydh">002</a> </li> <li> <a href="../企业/images/hy.jpg" title="hongye">003</a> </li> <img id ="zhanwei" src="../企业/images/ad4.jpg" alt="my image gallery"/></ul></body></html>

查看完整描述

1 回答

已采纳

if_else_

TA贡献42条经验获得超23个赞

仔细的看了一下，你的意思是点 a 标签然后把图片给换了，是这个意思吧？首先 a 执行的方法顺序，onclick ，

href ，超链接本来就是链接到另外一个页面。当然你也可以使用target属性，不过差不多，所以我的建议是别用 a标签定义onclick方法，用也可以把href指向不存在的地方就行了。比如这样 href="javascript:;"

2 反对回复 2016-06-03

柠檬小茶
不是很懂。。。刚学，如果href指向不存在的地方，那怎么才能换图片呢？

回复 2016-06-03
if_else_
不好意思哈，中午没仔细看。onclick="showPic();return false" 里面的return false;就可以阻止默认的事件了，你这个代码的问题就是没取到 a 标签里面的 href 的值。所以 onclick 方法才会不执行。我不太明白你那个 function showPic(whichpic) 这个方法里面的 whichpic 代表什么意思？你弄个参数你又没给它指定值。可以这样哈 function showPic(whichpic){ var source=document.getElementById(whichpic).getAttribute("href"); var zhanwei=document.getElementById("zhanwei"); zhanwei.setAttribute("src",source); } <a href="../企业/images/jc.jpg" onclick="showPic("a1");return false" title="jicheng" id="a1" >001</a>

回复 2016-06-03
柠檬小茶
啊啊啊，还是不行，这个我是按书上的例子做的，onclick="showPic(this）return false"，this忘记加了，但是加了也没效果

回复 2016-06-04

点击展开后面1条

热搜

最近搜索清空

请问为什么还是会跳去另一个网页，不是在原网页更换图片

请问为什么还是会跳去另一个网页，不是在原网页更换图片

1 回答

添加回答