-
<!DOCTYPE html>
-
<html lang="en">
-
<head>
-
<meta charset="utf-8"/>
-
<title >image gallery </title>
-
</head>
-
<body>
-
<h1>SnapShots</a>
-
<ul>
-
<li>
-
<a href="images/1.jpg" onclick="showpic(this);return false;" title="picture one">picture one</a>
-
</li>
-
<li>
-
<a href="images/2.jpg" onclick="showpic(this);return false;" title="picture two">picture two</a>
-
</li>
-
<li>
-
<a href="images/3.jpg" onclick="showpic(this);return false;" title="picture three">picture three</a>
-
</li>
-
<li>
-
<a href="images/4.jpg" onclick="showpic(this);return false;" title="picture four">picture four</a>
-
</li>
-
</ul>
-
<img src="images/5.jpg" id="placeholder" alt="sf"/>
-
<p id="description" >choose a picture</p>
-
<script type="text/javascript">
-
function showpic(whichpic)
-
{
-
//alert("Hello world");
-
var source = whichpic.getAttribute("href");
-
var holder = document.getElementById("placeholder");
-
holder.setAttribute("src",source);
-
var text = whichpic.getAttribute("title");
-
var desc = document.getElementById("description");
-
desc.firstChild.nodeValue = text;
-
-
-
-
}
-
</script>
-
-
</body>
-
</html>
运行结果：
一般情况下，JS引用方式为：
第①种
language="Javascript">
第②种
type="text/javascript">
那么，这两种引用的区别在哪里呢？
在HTML网页里插入Javascript语句，应使用HTML的；其内部的代码为Javascript语句。
比如：
但是在参考别人的Javascript代码时，却看到里的代码是Javascript。然而，language这个属性在W3C的HTML标准中，已不再推荐使用。
虽然这两种引用都没有错，但是，今后我们在制作Web网页的时候，应该使用第②种方法，尽可能的少使用或舍弃第①种方法。
错用language属性导致调试了好长一段时间。
阅读(2123) | 评论(0) | 转发(0) |
