为了账号安全,请及时绑定邮箱和手机立即绑定

《JS DOM编程艺术》第6章,按照书上写却没有预期效果?

《JS DOM编程艺术》第6章,按照书上写却没有预期效果?

qq_米咕_0 2018-03-14 22:34:07
JS部分:                    <script> function prepareGallery() { if(!document.getElementById("gallery"))return false; if(!document.getElementsByTagName)return false; var gallery=document.getElementById("gallery"); var links=gallery.getElementsByTagName("a"); for(i=0;i<links.length;i++) { links[i].onclick=function() { return !showpic(this); } } } function showpic(x) { var changepic=document.getElementById("placeholder"); var source=x.getAttribute("href"); changepic.setAttribute("src",source); var description=document.getElementById("description"); var text=x.firstChild.nodeValue; description.firstChild.nodeValue=text; } function addLoadEvent(func){ var oldonload=window.onload; if (typeof window.onload!='function') { window.onload=func; } else{ window.onload=function() { oldonload(); func(); } } } addLoadEvent(prepareGallery); </script>HTML部分:<h1>标题</h1> <ul id="gallery"> <li> <a href="img/摆渡.jpg" title="摆渡人" >摆渡人</a>  </li> <li> <a href="img/城市.png" title="洛阳城" >洛阳城</a> </li> <li> <a href="img/守卫.jpg" title="地狱口" >地狱口</a> </li> <li> <a href="img/海怪.jpg" title="海上龙" >海上龙</a> </li> </ul> <p id="description">选择一张图片</p> <img id="placeholder" src="img/透明.png" alt="占位图"/>当links[i].onclick=function() { return !showpic(this); }部分为links[i].onclick=function(){showpic(this);return false;}时,是没有问题的。按照书上一改就完蛋,求大神们指点。多谢多谢多谢回答O(∩_∩)O
查看完整描述

1 回答

?
安然桑丶

TA贡献25条经验 获得超1个赞

虽然答的有点跑题,但还是建议题主学前端的话不要看这本..不系统

查看完整回答
反对 回复 2018-03-14
  • 安然桑丶
    安然桑丶
    仔细一看你会发现这书初版是11年的 现在18年了..
  • qq_米咕_0
    qq_米咕_0
    嗯嗯,多谢多谢,我也看到一些前辈说这本书的缺陷。
  • 安然桑丶
    安然桑丶
    早上看了下你发的代码, 写的太乱了. 还有不少没意义的兼容. 你还是去看红皮书(js高级程序设计3)吧.. 这个适合入门点
点击展开后面1
  • 1 回答
  • 0 关注
  • 1009 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信