当前位置:首页 >> JavaScript>>正文

javascript中onclick(this)用法

栏目:JavaScript时间:2017-04-06热度:
本文标签: JavaScript tihis onclick

  this指触发事件的对象,今天第一次遇到了javascript中onclick(this)的用法,貌似this还有很多其他的用法,先记录下来...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Image Gallery</title>
</head>
<body>
<h1>Snapshots</h1>
<ul>
<li><a href="images/fireworks.jpg" onclick="showPic(this); return false;" title="A fireworks dispaly">Firworks</a>
</li>
<li><a href="images/coffee.jpg" onclick="showPic(this); return false;" title="A cup of black coffee">Coffee</a>
</li>
<li><a href="images/rose.jpg" onclick="showPic(this); return false;" title="A red,red rose">Rose</a>
</li>
<li><a href="images/bigben.jpg" onclick="showPic(this); return false;" title="The famous clock">Big Ben</a>
</li>
</ul>
<img id="placeholder" src="images/placeholder.jpg" alt="my image gallery">
<script type="text/javascript">
function showPic(rr){
var ww=rr.getAttribute("href");
var kk=document.getElementById("placeholder");
kk.setAttribute("src",ww);
}
</script>
</body>
</html>


热门标签

最新评论