Question

显示图片同时显示图片title的js问题

为了在点击链接的同时显示对应的title在p标签中,为什么点击就跳转了 不是做了return false的限制了吗
<ol>
<li><a href="img/1.jpg" onclick="showPic(this);return false;" title="江南美景">pic 1</a></li>
<li><a href="img/2.jpg" onclick="showPic(this);return false;" title="雪花烂漫">pic 2</a></li>
<li><a href="img/3.jpg" onclick="showPic(this);return false;" title="北国之秋">pic 3</a></li>
<li><a href="img/4.jpg" onclick="showPic(this);return false;" title="竹林漫步">pic 4</a></li>
</ol>
<p id="titleid"></p>
<img id="picid" src="img/default.jpg" title="海景">

<script>
function showPic(whichpic){
var source = whichpic.getAttribute("href");
var title1 = whichpic.getAttribute("title");
var placeholder = document.getElementById("picid");
placeholder.setAttribute("src",source);
placeholder.setAttribute("title",title1);
var th=document.getElementById("titleid");
th.innerHTML(title1); //在这里进行了设置
}

function setDefault(){
var holder = document.getElementById("picid");
holder.setAttribute("src","img/default.jpg");

}

</script>

Answer 1

1. 标签a的href决定是否跳转；

2. return false意思是阻止事件冒泡，阻碍浏览器的默认行为，并不代表不让a跳转；

3. 不跳转href就是#；
   

Answer 2

return不会控制A标签的，它只是控制JS的函数是否继续执行，而不会控制A标签是否会跳转~

Answer 3

th.innerHTML=title1;