第4章 JavaScript语言.docVIP

第4章 JavaScript基础 本章概述 JavaScript是一种Web客户端脚本语言，它是一种面向对象和事件驱动的语言，已经成为了目前Web客户端编程的一种通用语言，受到目前主流浏览器的广泛支持，特别是近年来流行的Ajax技术，更是将JavaScript的应用推向一个新的高峰。 本章将介绍JavaScript的基本语法，帮助读者理解这门语言的常量、变量、流程控制与函数，并介绍JavaScript页面对象与事件的编程特点，讲解浏览器与对象的编程方法与实例。 学习目标： 1．了解JavaScript功能与特点； 2．掌握网页中使用JavaScript的方法； 3．掌握JavaScript的语法特点； 4．掌握面向对象和面向事件的编程思想，能使用JavaScript脚本进行简单的网页交互。 4.1 JavaScript概述 JavaScript最早是由Netscape公司开发并随Navigator 2.0一起发布的一种基于对象(Object)和事件驱动(Event Driven)的客户端脚本语言。 ECMAScript是JavaScript的国际标准，JavaScript发展至今，已经存在多个版本，从最初的JavaScript 1.0一直到目前的JavaScript 1.8，Microsoft和Netscape等国际大公司在兼容标准的同时也加入了一些自己的特性，如Microsoft的JScript与和Netscape的JavaScript。 需要指出的是，JavaScript并不是Java语言，两者区别如下： 1．JavaSun公司推出，主要用于网络程序设计，对于非程序设计人员来说不易掌握；而JavaScript主要用于编写网页中的脚本，易于学习和掌握； 2．JavaJavaScript程序只能嵌入HTML中，不能单独运行； 3．JavaJavaScript则比较宽松； 4．JavaJavaScript程序只在一般浏览器中即可运行。 4.1.1 JavaScript特点 1．．．．．．Asynchronous JavaScript And XML)是近年来互联网中流行的一种异步数据提交与处理机制，提供了完美的客户体验，JavaScript是Ajax技术的核心部分。 4.1.3 HTML文档中使用JavaScript 1．．html head title在页面中使用script标签书写JavaScript代码/title script language=javascript type=text/javascript !-- alert(欢迎学习JavaScript!); -- /script /head body P script type=text/javascript document.write(这是一段动态生成的文本!); /script /P /body /html 上述代码中，head与p标签中分别嵌入了一段script标签，标签内包含了JavaScript代码，页面运行效果如图4-1所示，图4-1(a)是网页没有允许JavaScript执行时的状态，页面是空白的，4-1(b)是执行嵌套在head标签中的JavaScript效果，弹出一个对话框，4-1(c)是点击了对话框后的最终页面效果，此时，页面执行了p标签内的JavaScript代码，动态在页面写出一段文字。 从这个范例的运行可以看出script/script是可以写在页面任何位置的，但为了确保JavaScript代码在调用前已经被加载，一般情况下将JavaScript脚本写在head/head标记间。script标记中的“type=text/javascript”指明所使用的脚本语言是JavaScript，如果浏览器和网页默认的脚本语言就是JavaScript，可以省略不写。 通常会在script/script标签的JavaScript代码最外层加上一个注释!-- --，保证在某些不支持JavaScript语言的浏览器中屏蔽JavaScript代码，而不是将JavaScript代码按网页文本输出。 (a)未执行代码 (b)执行head之间代码 (c)执行p标签中代码 图-1 script标签中嵌入JavaScript代码 3．script language=javascript type=text/javascript src=js-out.js /script 4.2 JavaScript语言基础 与其它编程语言一样，JavaScript也有自己的基本