自学《JavaScript DOM编程艺术》,有地方不明白求指点

sinat_34156069 2016-03-03 03:15:06
前段时间买了《JavaScript DOM编程艺术》这本书在自学,到第六章,更新图片库的时候出现问题,我明明是按书上敲的,应该按预想的点击页面上的链接后就在”占位符“图片上切换图片。可是点击链接后却是打开一个新的网页显示图片,请问到底是哪里错了?


function showPic(whichpic){
if(!document.getElementById("placeholder")) return false;
var source=whichpic.getAttribute("href");
var placeholder=document.getElementById("placeholder");
if(placeholder.nodeName!="IMG") return false;
placeholder.setAttribute("src",source);
if(document.getElementById("description")){
var text=whichpic.getAttribute("title") ?whichpic.getAttribute("title"):"";
var description=document.getElementById("description");
if(description.firstChild.nodeType==3){
description.fistChild.nodeValue=text;
}
}
return true;
}
function prepareGallery(){
if(!document.getElementsByTagName) return false;
if(!document.getElementById) return false;
if(!document.getElementById("imagegallery")) return false;
var gallery=document.getElementById("imagegallery");
var links=gallery.getElementsByTagName("a");
for(var i=0;i<links.length;i++){
links[i].onclick=function(){
return showPic(this) ? false:true;
}
}
}
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func;
}
}
}
addLoadEvent(prepareGallery);
...全文
594 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
keveonN 2016-10-03
  • 打赏
  • 举报
回复
我是看完7.3,照着写的程序,最后结果也是你这样
weifeng378 2016-10-01
  • 打赏
  • 举报
回复
用什么工具能单步调试啊。。
qq_32602511 2016-10-01
  • 打赏
  • 举报
回复
把 function showPic(whichpic) { } 里面最后一个 return ture 改为 return false; 试试看
weiyastory 2016-10-01
  • 打赏
  • 举报
回复
oldonload(); func; 改为: oldonload(); func();即可
we克斯 2016-04-27
  • 打赏
  • 举报
回复
description.fistChild.nodeValue=text; 此句中拼写错误 fist改为first 亲测可行
hch126163 2016-03-04
  • 打赏
  • 举报
回复
开发人员工具,单步调试
askinglee 2016-03-04
  • 打赏
  • 举报
回复
请看这条语句return showPic(this) ? false:true; 当showPic(this) 执行成功后阻止a的超链接行为,执行失败时执行a的超链接行为。跟踪下showPic执行时是否发生了错误。PS:可以使用浏览器的开发者工具调试。

87,920

社区成员

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

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