Javascript程序可以放在:
- HTML网页的<body></body>里
- HTML网页的<head></head>里
- 外部.js文件里
Javascript在<body></body>之间
当浏览器载入网页Body部分的时候,就执行其中的Javascript语句,执行之后输出的内容就显示在网页中。
<html>
<head></head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
Javascript在<head></head>之间
有时候并不需要一载入HTML就运行Javascript,而是用户点击了HTML中的某个对象,触发了一个事件,才需要调用Javascript。这时候,通常将这样的Javascript放在HTML的<head></head>里。
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
<body>
</body>
</html>
Javascript放在外部文件里
假使某个Javascript的程序被多个HTML网页使用,最好的方法,是将这个Javascript程序放到一个后缀名为.js的文本文件里。
这样做,可以提高Javascript的复用性,减少代码维护的负担,不必将相同的Javascript代码拷贝到多个HTML网页里,将来一旦程序有所修改,也只要修改.js文件就可以,不用再修改每个用到这个Javascript程序的HTML文件。
在HTML里引用外部文件里的Javascript,应在Head里写一句<script src="文件名"></script>,其中src的值,就是Javascript所在文件的文件路径。示例代码如下:
<html>
<head>
<script src="http://book.chinaz.com/html/asdocs/js_tutorials/common.js"></script>
</head>
<body>
</body>
</html>
演示示例里的common.js其实就是一个文本文件,内容如下:
function clickme()
{
alert("You clicked me!")
}