处理return false失效问题,如:
<p><a href="a.jpg" title="hao" οnclick="showPic(this);return false;">点击</a</p>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
</head>
<body>
<script type="text/javascript">
function showPic(hao){
var source = hao.getAttribute("href");
var placeholder = document.getElementById("placeholder");
placeholder.setAttribute("src", source);
var text = hao.getAttribute("title");
var description = document.getElementById("description");//获取目标
description.firstChild.nodeValue = text;
return false;//加上
}
</script>
<div><p id="a">我来了</p></div>
<!--这里虽然设置了return false,但是点击后,没有达到我想要的效果,还是跳转了,
目的是设置了return false的话,自然是返回false时,不跳转的。
细想下的话,就会发现return false;并不是像我想的那样把结果值返回给onclick了。
于是,这里就需要改动了,要把函数showPic的结果值返回给onclick才可以。这样的话,就要在
函数最后返回false即可,如:return false;//加上
<p><a href="a.jpg" title="hao" onclick="showPic(this);return false;">点击</a</p>
-->
<!--改动后,完好地处理了return false失效问题-->
<p><a href="a.jpg" title="hao" onclick="return showPic(this);">点击</a> </p>
<img id="placeholder" src="bg.jpg" alt="my image gallery" />
<p id="description">Choose an image.</p>
</body>
</html>
小记录