《HTML教程》_第4章 JavaScript基础.pptxVIP

JavaScript简称JS，是BrendanEich于1995年发明的一处编程语言，1997年变为ECMA标准，于2015年六月正式更名为ECMAScript6。JavaScript是一种解释型的语言，也就是说JavaScript源程序没有必要经过编译、链接等步骤，直接由解释器逐条语句解释执行。

JavaScript是一种流行的网页脚本编程语言。它虽然不是一种面向对象的语言，但仍然可以支持封装、继承和多态，是一种名副其实的“面向对象”的语言，而且还支持最新的“面向函数式”编程！

JavaScript作为网页编程语言功能是十分强大的，它可以：★动态改变HTML网页的内容；★动态改变HTML标记的属性；★动态改变HTML的样式，即操作CSS；★进行网页数据验证。

JavaScript有一些重要的特征，必须掌握。◆一种动态类型的语言。也就意味着相同的变量可以存放不同类型的数据。◆一种大小写敏感的语言。即同样的大写字母和小写字母认为是不同的字母，如Name和name是两个不同的名字。◆采用UTF-8编码字符集。UTF-8编码可以兼容世界上任何国家的语言，并向后兼容ASCII编码，是Web应用通用字符集。

还有一点需要注意，那就是浏览器对于JavaScript的支持并不完全一致，也就是说同样的JS程序在不同的浏览器中得到的结果未必完全相同。实际应用中，要多选择几种浏览器进行测试，以保证程序的兼容性。下面先来介绍如何编写JavaScript程序。

4.1如何编写JavaScript程序

JS程序有两种编写方式：一种是内嵌式JavaScript程序，即嵌入在网页中的JS程序；另一种是独立的JavaScript程序，这类程序保存在以js为扩展名的文件中。

4.1.1内嵌式JS程序

嵌入网页中的JS程序书写在script标记内部。script标记是一个普通的HTML标记，与其他标记没有任何区别，只不过它表示内部是可以执行的JavaScript程序，而不是其他别的东西。

script标记用法如下：scripttype=”text/javascript”src=”引用的js文件” //编写javascript程序/script

关于script标记应掌握以下内容：◆type属性指定script内容的MIME类型，是可选属性。◆src属性用于指定要使用的js文件，是可选属性。◆script标记可以出现在网页中的任意位置，但将script标记放置在head标记中是一种良好的习惯。

下面我们通过JavaScript版的HelloWorld来说明这种JS程序的编写与运行方法。打开Notepad++，输入清单4-1所示的代码。清单4-1内嵌式JS程序scripttype=text/javascript document.write(h1HelloWorld!/h1);/script

其中script是JS程序标记，document为JavaScript表示文档的对象，write方法用于在文档中输出指定的内容。输出的内容包含文本和HTML标记，如输出内容中的h1标记。把文件保存为html文件，双击或右键选择Chrome浏览器（也可以使用其他浏览器）打开。运行效果如下：

4.1.2独立的JS文件

根据“内容、样式和动作相分离”的原则，应该把JS程序与使用它的网页分开存放，也就是独立的JS文件。这种方式在实际开发中用的最多。在书中的例子为了操作简单起见，基本都是采用了内嵌式的JS程序，但注意这并不代表它就是一种好的实践方法。

这种方式是把JS程序写在独立的js文件中，注意在js文件中是不需要script标记的，直接编写JS代码就可以，再由script标记的src属性引用。HelloWorld的独立JS程序编写过程如下：在Notepad++中新建一个文件，输入以下内容：document.write(h1HelloWorld!/h1);并保存为Listing4-1.js。

然后将清单4-1中的代码修改如下：scripttype=text/javascriptsrc=../js/Listing4-1.js/script然后保存html文件，重新打开或者刷新网页，看到和4.1.1节相同的效果：

4.2JavaScript词汇JavaScript词汇是组成JavaScript程序的基本元素，主要包括：注释、字面量、标识符和保留字。

4.2.1注释

JavaScript注释有两种：单行注释和多行注释。单行注释以//开头，多行注释以/*和*/分隔。注意，多行注释不能嵌套，嵌套就会发生错误。注释示例如下：//这是JavaScript单行注释

/*这是JavaScript多行注释*//**这也