JavaScript在页面中的位置，加载与运作
日期：2014-05-16 浏览次数：20348 次
JavaScript在页面中的位置，加载与运行
把 JavaScript 放置到何处？
当页面载入时，会执行位于 body 部分的 JavaScript。
当被调用时，位于 head 部分的 JavaScript 才会被执行。
1. head 部分
包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。
代码：
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
....
2.位于 body 部分的脚本：
在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。
<html>
<head>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
注：在 body 和 head 部分的脚本：
你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置到 head 部分。
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
3. 使用外部 JavaScript
有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚本。
为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
注意：外部文件不能包含 <script> 标签。
然后把 .js 文件指定给 <script> 标签中的 "src" 属性，就可以使用这个外部文件了：
<html>
<head>
<script src="xxx.js">
....
</script>
</head>
<body>
</body>
</html>
提示：您可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。
把 JavaScript 放置到何处？
当页面载入时，会执行位于 body 部分的 JavaScript。
当被调用时，位于 head 部分的 JavaScript 才会被执行。
1. head 部分
包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。
代码：
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
....
2.位于 body 部分的脚本：
在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。
<html>
<head>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
注：在 body 和 head 部分的脚本：
你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置到 head 部分。
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
3. 使用外部 JavaScript
有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚本。
为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
注意：外部文件不能包含 <script> 标签。
然后把 .js 文件指定给 <script> 标签中的 "src" 属性，就可以使用这个外部文件了：
<html>
<head>
<script src="xxx.js">
....
</script>
</head>
<body>
</body>
</html>
提示：您可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
