Web前端技术开发（HTML5+CSS3+JavaScript）课件 第九单元 javascript.pptx

Web前端开发技术

第九单元JavaScript掌握JavaScript的基本语法，掌握JQuery的使用。JavaScript函数，对象和事件，JQuery的使用。

9.1JavaScript概要9.2JavaScript的用法9.3JavaScript的常量与变量9.4JavaScript的运算符9.8JQuery9.7事件9.6对象概述9.5流程控制结构

JavaScript概要1

9.1.1什么是JavaScriptJavaScript简称JS，是一种基于对象(Object)和事件驱动(EventDriven)的，具有较高安全性的脚本语言。通过JavaScript可以实现在一个网页中链接多个对象，网页动态特效，以及实现网页与用户之间的交互。JavaScript主要采用小段程序的编写方式来实现编程，因此在代码编写的过程中，往往将JavaScript嵌入在标准的HTML语言中，从而实现网页的动态效果。

9.1.2JavaScript的特点面向对象：JavaScript是一种基于对象的语言，同时也可以看作是一种面向对象的语言。它可以运用对象的方法与脚本的相互作用来实现相关的功能。简单性：JavaScript是一种简单的语言。它是在Java基本语句和流程控制语句之上的一种简单而紧凑的语句，同时它的没有严格的数据类型，变量定义时均采用var关键词。安全性：JavaScript是一种安全的语言。它不允许访问本地的硬盘，不允许将数据存入到服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互等功能。因此可以较好的防止数据的丢失。

9.1.2JavaScript的特点动态性：JavaScript可以采用事件驱动的方式，直接对用户端的输入等操作做出响应，因此它具有动态交互性。跨平台：JavaScript是一种跨平台的语言。它只与浏览器有关，而与具体的操作环境无关。只要是支持JavaScript浏览器的计算机，都可以正确执行其相关功能。

JavaScript的用法2

9.2JavaScript的用法与CSS用法类似，插入JavaScript代码的用法主要有两种。具体方法如下：1．在HTML文件中，嵌入JavaScript语句格式：scriptlanguage=JavaScript＞JavaScript函数或语句；…….＜/script＞其中，language=JavaScript表示使用JavaScript脚本语言。

9.2JavaScript的用法2．定义独立的JavaScript文件，保存后缀名为.js文件，并在HTML文档中进行引入。在应用时，在HTML文档中引入JavaScript文件，具体格式如下：说明：type属性定义引入的文件是JS类型的文件，src属性指定JS文件所在路径。head scripttype=”text/javascript”src=”URL”/script/head

9.2JavaScript的用法实例9-1：一个简单的JavaScript程序。htmlheadtitle一个JavaScript程序/titleheadbodyscriptlanguage=JavaScriptalert(欢迎学习JavaScript！);/script/body/html

9.2JavaScript的用法实例代码9-1的运行效果如图所示。

3JavaScript的常量与变量

9.3.1标识符标识符用来命名变量和函数，由字母、数字、下划线(_)和美元符号($)组成，并且标识符的第一个字符必须是字母，下划线或美元符号。在JavaScript中，标识符区分大小写，并且标识符不能为JavaScript中的关键字和保留字。常用关键字：for、hort、void、do、fortran、while、asm、double、goto、static、auto、else、if、struct、sizeof、break、entry、intswitch、case、enum、long、typedef、char、extern、register、union、contiue、float、return、unsigned、default。注意：标识符不能是以数字开头。

9.3.2注释在JavaScript代码中添加注释，与其它计算机语言一样，Java