JavaScript DOM编程艺术 读书笔记 第4章 案例研究：Javascript图片库

Posted 2021-05-13 huyang011

方案： 把整个图片库的浏览链接集中安排在图片库主页里， 只要在用户点击了这个主页里的某个图片链接时才去加载相应的图片内容。
。 创建一个链接清单， 不需要排序的话，使用无序清单元素（<ul>）来列出那些链接。
当点击某个链接时， 我希望能留在这个网页而不是跳转到另一个窗口
当点击某个链接时， 我希望能在这个网页上同时看到那张图片以及原有的图片链接。
下面是我为了实现上述目标而需要完成的几项改进。
通过增加一个“占位符”图片的办法在这个主页上为某个图片预留一个浏览区域；
在点击某个链接时，链接这个网页的默认行为；
在点击某个链接时，把“占位符”图片替换为与那个链接相对应的图片；

 

对showPic函数进行扩展：在同一个网页切换时显示不同的文本