第9章 JavaScript基础.ppt.Convertor.docVIP

第9章 JavaScript基础 JavaScript语言的基本概念 JavaScript核心语法 JavaScript程序控制结构 JavaScript函数 本章主要内容： 《网页设计制作基础与上机指导——HTML+CSS+JavaScript》 清华大学出版社 9.1 JavaScript语言概述 JavaScript诞生于1995年，它是由Netscape公司研发的，是一种客户端脚本语言，必须在解析器的解析下才能运行。通常JavaScript的解析器是由浏览器提供，同时它有着松散的结构和简单的语法两大特点，可以在网页中实现动态效果。 9.1.1 什么是JavaScript JavaScript是一种基于对象和事件驱动并具有安全性能、跨平台的解释型脚本语言，和前面学习的HTML与XHTML完全不同，HTML与XHTML只是一种标记语言，用某种结构存储数据并在设备上显示，而JavaScript基于对象和事件驱动，只是其程序代码嵌在HTML网页文件中，可以用于开发交互式的Web页面，主要用在客户端，由浏览器解析并运行。 9.1.1 什么是JavaScript JavaScript采用的是小程序段的编程方式，与HTML及XHTML标识结合在一起，使用户对网页的操作更加方便，其主要特点有以下几个方面。 1）安全性 2）易用性 3）动态交互性 4）跨平台性 如果网页设计者只想简单显示网页的内容，那JavaScript不是必需的，但在一个完整的网站中，太多的功能需要JavaScript来完成。 9.1.2 JavaScript的功能 JavaScript是用于检测网页中的各种事件，并作出反应，虽然是作用于客户端的脚本语言，其语法比较松散，结构也比较简单，但其功能却一点也不简单，主要包括以下几个方面。 1）表单操作 2）响应事件 3）动态特效 4）记录状态 9.1.2 JavaScript的功能 JavaScript也存在一定的局限性，主要表现在： （1）JavaScript不能制作多用户程序。 （2）JavaScript在浏览器中不允许跨域操作，只能在当前域中操作才有效。 （3）JavaScript不能用于安全性认证的处理。 （4）JavaScript属于客户端脚本语言，只能由浏览器解析执行。 （5）JavaScript不能读取客户端数据库中的数据，也不能操作其他的任何文件（引用文件除外），但服务器端数据库中的数据和文件可以读取，如果一定要读取客户端数据库中的数据和文件，那么必须通过其他组件来实现此项功能。 9.2 HTML文档与JavaScript JavaScript的面世实现了在HTML文档中直接嵌入脚本，能够利用各种元素和超链接动态响应用户的互动需求，所以，将JavaScript插入到HTML代码中是实现Web开发的关键技术。 9.2.1 在HTML文档中插入JavaScript JavaScript代码必须放在网页代码的script与/script标签之间。当浏览器解析到script标签时，计算机系统会自动调用JavaScript脚本引擎来解析代码内容，直到遇到/script标签为止。 因为JavaScript代码是嵌入在HTML代码中的，为了使页面结构清晰，常把JavaScript部分的代码放在head和/head标签之间，当然，也可以放在body标签和/body标签之间，或在HTML文档中多处嵌入，但这不是推荐的方法，由于浏览器在解析HTML文档时是自上而下的顺序，设计者需要确保JavaScript代码被优先解析，所以网页开发者一般都是将JavaScript代码放在head和/head标签之间。 9.2.2 JavaScript的解析顺序 JavaScript的解析顺序与HTML的解析顺序相同，都是按照书写顺序解析并运行的。当浏览器解析HTML文档时，一旦遇到JavaScript代码，就会停止对HTML代码的解析，转向对JavaScript代码的解析，只要在JavaScript代码解析完毕后，浏览器才会继续解析HTML的代码， 9.2.3 script元素属性 在网页中一般使用script元素来实现在网页中嵌入JavaScript脚本，该元素包含1个必选属性“type” 和5个可选的属性language、charset、src、defer、runat。 （1）type属性：用来设置脚本的类型，取值包括: application/ecmascript、application/javascript、 application/x-ecmascript、application/x-javascript、text/ecmascript、text/javascript、 text/jscript、text/livescri