Javacript图片加载，点击链接在同一界面显示

利用知识点：

1. getAttribute（）获得属性方法
2. setAttribute（）设置属性方法
3. 阻止a默认跳转的方式return false；  前提在href不为空的时候

代码展示

html

<ul>
  <li>
    <a href="images/aa.jpg" onclick="imgShow(this);return false;"></a>
  </li>
  <li>
    <a href="images/bb.jpg" onclick="imgShow(this);return false;"></a>
  </li>
  <li>
    <a href="images/cc.jpg" onclick="imgShow(this);return false;"></a>
  </li>
</ul>
<!--指定图片显示的位置-->
<src id="showImg" src="images/aa.jpg">

javascript

function imgshow(imghref){
//获取图片存放的路径
var imgsrc=imghref.setAttribute("href");
var imgBox=document.getElementById("showimg");
imgBox.setAtttibute("src",imgsrc);
}