初次写关于js的东西
之前都是把script的东西直接放到html的文本里面,近日按第一次写了一个js然后通过文件的方式放到html的里面
Html的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Image</title>
</head>
<body>
<h1>Snashots</h1>
<ul>
<li>
<a href="1518aa12ee9284ce5d45d818364740ac.jpg" onclick="showPic(this);return false;" title="Wine Party">wine</a>
</li>
<li>
<a href="21296024e76ff4f17624bbda7dd4125e.jpeg" onclick="showPic(this);return false;"title="pretty gril">pretty gril</a>
</li>
<img id="placeholder" src="images/placeholder.gif" alt="my art gallery"/>
<script type="text/javascript" src="scripts/showPic.js"></script>
</ul>
</body>
</html>
javascript文件的代码
<script>
function showPic(whichpic){
var source =whichpic.getAttribute("href");
var placeholder= document.getElementById("placeholder");
placeholder.setAttribute("src",source);
}
</script>
但是貌似现在还是没有实现怎么样保持在原来的网页上面,也就是说placeholder没有起到原来的作用
- 今天学会了怎么把js用文件的方式放到html中间
- onclick 事件
- src
- getElementById的时候ID要有双引号
- 用 var的方式去简化代码,增强可读性
- Q: alt的意思
- Q: 怎把placeholder用起来
晚安:)