JavaScript_脚本代码的位置

合集下载

相关主题

JavaScript脚本代码的位置可以有以下三种情况：
一、在网页文件的<script></script>标签对中直接编写JavaScript脚本代码；
二、将JavaScript脚本程序代码放置在一个单独的文件中，在网页文件中引用这个脚本程序。

三、将脚本程序代码作为某个元素的事件属性值或超链接的href属性。

第一种情况：
在网页文件的<script></script>标签对中直接编写JavaScript脚本代码。

这是用得最多的情况，<script></script>标签对的位置并不是固定的，可以出现在<head></head>或<body></body>的任何位置。

对于JS在什么时候应该包含在head中，什么时候应当包含在body中，人们有着不同的看法。

但下面的规则是适用的：
1. 当JavaScript要在页面加载过程中动态建立一些Web页面的内容时，应将JavaScript放在body中。

2. 定义为函数并用于页面事件的JavaScript应当放在head标记中，因为它会在body之前加载。

放置脚本的一个很好的经验规则是：仅当页面载入期间脚本会建立一些Web页面内容时，才将脚本嵌入在body中；否则，将其放在head元素中。

采用这种方法，页面就不会被脚本搞得一团糟，在每个页面中，总可以在同一个位置找到脚本。

有种方法可以避免将JavaScript插入到body中，即使用DOM生成一个新内容，再将其附加给一个页面元素。

在一个HTML文档中可以有多段JavaScript代码。

每段JavaScript代码可以相互访问，这与将所有代码放入同一对<script></script>之间的效果是一致
我们还可以将JavaScript脚本放置在一个单独的文件中，这个文件以js为扩展名，其被称作为JavaScript脚本文件。

将脚本程序代码直接用作属性值。

超链接标签<A>的href属性可以使用JavaScript协议，如下：
单击这个超链接，浏览器就会执行javascript:后面的脚本程序代码。

JavaScript扩展了标准的HTML，为HTML标签增加了各种事件属性，比如，对Button而言，可以设置一个新的属性onclick，onclick的属性值就是一段JavaScript程序代码，当单击这个按钮后，onclick属性中的JavaScript代码就会被浏览器解释执行。

如下所示：
注意：用作URL的JavaScript代码前要增加javascript:，以说明使用的是JavaScript协议，但事件属性中的JavaScript程序代码前则不用增加javascript:进行说明。