1.4 JavaScript基本语法

1.4.1 执行顺序

JavaScript程序按照在HTML文件中出现的顺序逐行执行。如果需要在整个HTML文件中执行（如函数、全局变量等），最好将其放在HTML文件的<head>…</head>标记中。某些代码，例如，函数体内的代码，不会被立即执行，只有当所在的函数被其他程序调用时，该代码才会被执行。

1.4.2 大小写敏感

JavaScript对字母大小写是敏感的（严格区分字母大小写），也就是说，在输入语言的关键字、函数名、变量以及其他标识符时，都必须采用正确的大小写形式。例如，变量username与变量userName是两个不同的变量，这一点要特别注意，因为同属于与JavaScript紧密相关的HTML是不区分大小写的，所以很容易混淆。

注意

HTML并不区分大小写。由于JavaScript和HTML紧密相连，这一点很容易混淆。许多JavaScript对象和属性都与其代表的HTML标签或属性同名，在HTML中，这些名称可以以任意的大小写方式输入而不会引起混乱，但在JavaScript中，这些名称通常都是小写的。例如，HTML中的事件处理器属性ONCLICK通常被声明为onClick或OnClick，而在JavaScript中只能使用onclick。

1.4.3 空格与换行

在JavaScript中会忽略程序中的空格、换行和制表符，除非这些符号是字符串或正则表达式中的一部分。因此，可以在程序中随意使用这些特殊符号来进行排版，让代码更加易于阅读和理解。

JavaScript中的换行有“断句”的意思，即换行能判断一个语句是否已经结束。以下代码表示两个不同的语句：

    a = 100
    return false

如果将第二行代码写成：

    return
    false

此时，JavaScript会认为这是两个不同的语句，这样一来便会产生错误。

1.4.4 每行结尾的分号可有可无

与Java语言不同，JavaScript并不要求必须以分号（;）作为语句的结束标记。如果语句的结束处没有分号，JavaScript会自动将该行代码的结尾作为语句的结尾。

例如，下面的两行代码都是正确的。

    alert("您好！欢迎访问我公司网站！")
    alert("您好！欢迎访问我公司网站！");

注意

最好的代码编写习惯是在每行代码的结尾处加上分号，这样可以保证代码的准确性。

1.4.5 注释

为程序添加注释可以起到以下两种作用：

可以解释程序某些语句的作用和功能，使程序更易于理解，通常用于代码的解释说明。

可以暂时屏蔽某些语句，使浏览器对其暂时忽略。等需要时，再取消注释，这些语句就会发挥作用。通常用于代码的调试。

JavaScript提供了两种注释符号：“//”和“/*…*/”。其中，“//”用于单行注释，“/*…*/”用于多行注释。多行注释符号分为开始和结束两部分，即在需要注释的内容前输入“/*”，同时在注释内容结束后输入“*/”表示注释结束。下面是单行注释和多行注释的示例。

    //这是单行注释的例子
    /*这是多行注释的第一行
    这是多行注释的第二行
    …
    */
    /*这是多行注释在一行中应用的例子*/

【例1.3】 本例在Dreamweaver工具下使用JavaScript代码编写一个欢迎访问网站的弹出对话框，同时访问网页时显示当前系统时间。（实例位置：资源包\TM\sl\1\03）

在<title>标记中将标题设置为“输出时间和欢迎信息”，在<body>标记中编写JavaScript代码，如图1.17所示。

图1.17 在Dreamweaver CC中编写的JavaScript代码

运行结果如图1.18所示。

图1.18 程序运行结果

上一章目录下一章