<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<script?type="text/javascript"?src="scripts/JSscript.js"></script>
</head>
<body>
<div?id="prepareGallery">
<ul>
<li><a?href="images/zhou_1.jpg"?title="zhou1">周杰倫1</a></li>
<li><a?href="images/zhou_2.jpg"?title="zhou2">周杰倫2</a></li>
<li><a?href="images/zhou_3.jpg"?onClick="showPic(this);return?false;"?title="zhou3">周杰倫3</a></li>
</ul>
<img?src="images/eg.jpg"?alt="my?image?gallery"?id="placeholder"?/>
<p?id="description">choose?my?image</p>
</div>
</body>
</html>window.onload=prepareGallery();
function?prepareGallery(){
if(!document.getElementsByTagName)?return?false;
if(!document.getElementById)?return?false;
if(!document.getElementById('prepareGallery'))?return?false;
var?gallery=document.getElementById('prepareGallery');
var?links=gallery.getElementsByTagName('a');
for(var?i=0;i<links.length;i++){
links[i].onClick=function(){
return?!showPic(this);
}
}
}
function?showPic(whichpic){
if(!document.getElementById('placeholder'))?return?false;
var?source=whichpic.getAttribute('href');
var?placeholder=document.getElementById('placeholder');
placeholder.setAttribute('src',source);
if(document.getElementById('description')){
if(whichpic.getAttribute('title')){
var?text=whichpic.getAttribute('title');
}else{
var?text="";
}
var?description=document.getElementById('description');
description.firstChild.nodeValue=text;
}
return?true;
}上面是HTML和JS的代碼，在HTML代碼中，第一、第二張圖片無法實(shí)現(xiàn)功能，但是第三張圖片標(biāo)簽中添加了（onClick="showPic(this);return?false;"）代碼才能實(shí)現(xiàn)這個功能，請教下上面的代碼哪里出現(xiàn)了問題，新人求助，萬分感謝！
看JavaScript DOM編程藝術(shù)這本書，發(fā)現(xiàn)按照書上的敲的JS代碼無法實(shí)現(xiàn)功能，求指點(diǎn)問題出在哪（附代碼）？
小布ever
2016-09-25 22:49:48
