Javascript写在哪里

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://www.aspxhome.com/chm/html/asdocs/js_tutorials/common.js"></script>
</head>
<body>
</body>
</html>

演示示例

演示示例里的common.js其实就是一个文本文件,内容如下:

function clickme()
{
alert("You clicked me!")
}