把JavaScript 放置到何处（三种位置）?

总结：
当页面载入时，会执行位于 body 部分的JavaScript。
当被调用时，位于head 部分的 JavaScript 才会被执行。
第一：位于head 部分的脚本：
当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到head部分后，就可以确保在需要使用脚本之前，它已经被载入了。举例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>位于head部分的脚本</title>
<script type="text/javascript">
function ShowMessage()
{
  alert("这是一个JavaScript例子！")
}
</script>
</head>
<body onload="ShowMessage()">
</body>
</html>

第二：位于body 部分的脚本：
在页面载入时脚本就会被执行。当你把脚本放置于body部分后，它就会生成页面的内容。举例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>位于body部分的脚本</title>
</head>
<body>
<script type="text/javascript">
document.write("这是一个JavaScript例子！")
</script>
</body>
</html>
注意：你既可以把脚本放置到body，又可以放置到head部分。
第三：使用外部的JavaScript:
为了重用，一个js文件可以被多个页面调用，为此将js文件保存在一个专用文件夹下面以供调用是一个比较好的方法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用外部的JavaScript</title>
</head>
<body>
<script src="/js/externaljs.js"></script>
</body>
</html>

备注：/js/externaljs.js这个文件用于实现想要的功能。这样的目录结构有利于站点的管理和维护。

posted on 2008-07-14 20:36  CodeShark  阅读(1372)  评论(0)  编辑  收藏  举报

导航