通常情况下,在web中使用JavaScript有以下两种方法,一种是在页面中直接嵌入JavaScript代码,另一种是链接外部JavaScript文件。
1. 在HTML文档中可以使用<script>...<script>标记将JavaScript脚本嵌入到其中,在HTML文档中可以使用多个<script>标记,每个标记中可以包含多个JavaScript代码集合。<script>标记常用的属性及说明如下表:
属性 | 说明 |
language(已废弃) | 设置所使用的脚本语言及版本 |
src | 设置一个外部脚本文件的路径位置 |
type | 设置所使用的脚本语言,此属性已代language属性 |
defer | 表示当HTML文档加载完毕后再执行脚本语言 |
language属性:
language属性指定在HTML中使用的哪种脚本语言及其版本。
说明:如果不定义language属性,浏览器默认脚本语言为JavaScript1.0版本。
PS: 现在都流行HTML5了,所以,language属性可以废弃了。
src属性:
src属性用来指定外部脚本文件路径,外部脚本文件通常使用JavaScript脚本,其扩展名为.js
type属性:
type属性用来指定HTML中使用的哪种脚本语言及版本,该属性在HTML4.0标准开始,推荐使用type属性来代替language属性。
defer属性:
defer属性的作用是当文档加载完毕后再执行脚本,当脚本语言不需要立即运行时,设置defer属性后,浏览器将不必等待脚本语言装载。这样页面加载会更快,但当有一些脚本需要在页面加载过程中或加载完成后立即执行时,就不需要使用defer属性了。
JavaScript格式如下:
内部代码:
<script type="text/javascript">
alert("我喜欢学习JavaScript!");
</script>
<script>标记可以放在web页面的<head></head>标记中,也可以放在<body></body>标记中。推荐放在<head></head>标记中,因为JavaScript代码在HTML中是按照其出现的顺序执行。如果在整个HTML文件中执行最好将其放在HTML文件的<head></head>标记中。
调用外部代码:
<script type="text/javascript" src="xxx.js"></script>
调用外部JavaScript文件时,首先要编写外部的JavaScript文件,并名为xxx.js。在外部JS文件中,不需要将脚本代码用<script></script>标记括起来。
JavaScript对大小写很敏感的,也就是说在输入语言的关键字、函数名、变量名等时,都必须采用正确的大小写形式。例如,变量username和变量userName就是两个不同的变量,这一点要特别注意,因为HTML并不区分大小写。但许多的JavaScript对象和属性都与其代表的HTML标签或属性同名。在HTML中这些名称可以以任意的大小写方式输入而不会引起混乱,但在JavaScript中,这些名称通常都是小写。