JavaScript_脚本代码的位置
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
JavaScript脚本代码的位置可以有以下三种情况:
一、在网页文件的标签对中直接编写JavaScript脚本代码;
二、将JavaScript脚本程序代码放置在一个单独的文件中,在网页文件中引用这个脚本程序。
三、将脚本程序代码作为某个元素的事件属性值或超链接的href属性。
第一种情况:
在网页文件的标签对中直接编写JavaScript脚本代码。这是用得最多的情况,标签对的位置并不是固定的,可以出现在
或的任何位置。对于JS在什么时候应该包含在head中,什么时候应当包含在body中,人们有着不同的看法。但下面的规则是适用的:
1. 当JavaScript要在页面加载过程中动态建立一些Web页面的内容时,应将JavaScript放在body中。
2. 定义为函数并用于页面事件的JavaScript应当放在head标记中,因为它会在body之前加载。
放置脚本的一个很好的经验规则是:仅当页面载入期间脚本会建立一些Web页面内容时,才将脚本嵌入在body中;否则,将其放在head元素中。采用这种方法,页面就不会被脚本搞得一团糟,在每个页面中,总可以在同一个位置找到脚本。有种方法可以避免将JavaScript插入到body中,即使用DOM生成一个新内容,再将其附加给一个页面元素。
在一个HTML文档中可以有多段JavaScript代码。每段JavaScript代码可以相互访问,这与将所有代码放入同一对之间的效果是一致
我们还可以将JavaScript脚本放置在一个单独的文件中,这个文件以js为扩展名,其被称作为JavaScript脚本文件。
将脚本程序代码直接用作属性值。超链接标签的href属性可以使用JavaScript协议,如下:
单击这个超链接,浏览器就会执行javascript:后面的脚本程序代码。
JavaScript扩展了标准的HTML,为HTML标签增加了各种事件属性,比如,对Button而言,可以设置一个新的属性onclick,onclick的属性值就是一段JavaScript程序代码,当单击这个按钮后,onclick属性中的JavaScript代码就会被浏览器解释执行。如下所示:
注意:用作URL的JavaScript代码前要增加javascript:,以说明使用的是JavaScript协议,但事件属性中的JavaScript程序代码前则不用增加javascript:进行说明。