JavaScript

JavaScript 代码放在哪里

放在body部分的JavaScript代码会在页面加载时执行;

放在head部分的JavaScript代码会在被引用时响应执行。

JavaScript代码放在哪里?

在页面中的JavaScript代码会在页面加载到浏览器中去的时候被立即执行,通常这并不是我们想要达到的效果。有时候我们是要在页面被加载时就执行JavaScript代码,但有时候我们希望只在用户触发了某(些)事件以后再执行JavaScript代码。

放在head标签里的脚本

当脚本被引用或者一个事件被触发时就需要执行的脚本,应该放在head部分。

如果你在head标签部分放置了一段脚本,你必须确保在任何用户用到它之前就将脚本加载好。

<html>
<head>
<script type="text/javascript">
function message()
{
alert("This alert box was called with the onload event");
}
</script>

</head>

<body onload="message()">
</body>
</html>

放在body标签里的脚本

当页面被加载时要执行的脚本必须放在body部分。

如果你在body部分放置了一段JavaScript代码,这段脚本本身就会生成页面内容。

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("This message is written by JavaScript");
</script>

</body>
</html>

在head和body里面的脚本

你可以在你的网页文件中添加无限制的脚本,所以你可以同时在head和body里面都加入JavaScript脚本代码。

<html>
<head>
<script type="text/javascript">
....
</script>

</head>
<body>
<script type="text/javascript">
....
</script>

</body>

使用外部的JavaScript

如果你想在几个不同的页面上运行相同的一段JavaScript脚本代码,就不必在每个页面都写上相同的脚本,你只需将它写在一个外部文件中。然后将这个外部文件以.js作为后缀名保存。

注意:在这个.js外部文件中的JavaScript脚本不能包含<script>标签!

那么如何使用这个js外部文件呢?我们将<script>标签的”src”属性指向这个.js文件就可以了。

<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
</body>
</html>

注意:记住一定要将这个外部文件脚本放置在你要写JavaScript脚本代码的正确位置。

JavaScript加入 JavaScript加入  JavaScript语句JavaScript语句 JavaScript语句