第9部分 网页设计—JavaScript初识.pptVIP

第9部分 JavaScript初识 9.1 JavaScript概念 9.2 JavaScript语言特点 9.3 JavaScript代码嵌入 9.4 JavaScript基本语法 9.1 JavaScript概念 JavaScript是一种基于对象(Object-based)和事件驱动(Event Driven)并具有安全性能的脚本语言。 所谓脚本语言，就是可以和HTML语言混在一起使用的语言。 JavaScript实现了一种实时的、动态的、可交互的表达能力。 打开页面的同时弹出对话框案例 程序代码如下： html head title第一个JavaScript例子/title Script Language=JavaScript !-- //弹出一个提示框 alert(“欢迎您进入JavaScript的神奇世界！”); -- /Script /head /html 效果图 9.2 JavaScript特点及功能 特点： 1.动态性：直接对用户输入做出响应，采用事件驱动方式进行。 2.跨平台性：只与浏览器有关，与操作环境无关。 3.简单性：解释性脚本语言，基本结构与开发过程简单。 功能： 1.实现网页特效。 2.实现表单数据前端校验。 3.窗口动态操作。 9.3 JavaScript代码嵌入 方法： 1.在HTML标记属性值中直接写入JavaScript代码。 2.把JavaScript代码嵌入到script…/script标签间。 3.通过script language=“javascript” src=“xxx.js”方式载入JavaScript 文件。 9.4 JavaScript基本语法 9.4.1 常量和变量 9.4.2 表达式和运算符 9.4.1 常量和变量 1. 常量 分类：整型常量；浮点型常量；布尔型常量；字符型常量；空值；特殊字符。 2. 变量 从变量的命名、类型、声明三个来介绍。 常量案例 html head title字符串的使用/title script language=JavaScript !-- document.write(他说：JavaScript非常有趣！ +‘^-^); -- /script /head /html 效果图 变量 变量的命名 变量的类型 变量的声明 变量的命名 变量名必须以字母或下划线(_)开始，接下来可以是数字0~9、字母A~Z或a~z、下划线(_)。 不能使用JavaScript中的保留字作为变量名。在JavaScript中定义了50多个保留字，它们是JavaScript内部使用的，不能作为变量的名称。如var、int、double、true等都不能作为变量的名称。 JavaScript的变量名区分大小写。如：str和Str分别代表两个不同的变量。 JavaScript的变量名最好能够说明其代表的意思，譬如：定义两个字符串变量可用str1和str2，求和变量可用sum等。 变量的类型 整型变量 例如:x=15 实型变量 例如:y=22.5 字符型变量 例如:str=JavaScript“ 布尔型变量 例如:z=false 变量的声明 JavaScript变量在使用前，要先用关键字—var对变量加以声明，即遵循先说明后使用的原则。 例如: var sum; 9.4.2 运算符和表达式 表达式 运算符 表达式 表达式是使用各种运算符号将一个数据或多个数据组合起来的式子，它生成一个新的值。 例如，2+2(=4) ，2*2(=4)，2+10/2(=7)，45(=true)。 表达式是以运算符为基础。 运算符 1 算术运算符 2 比较运算符 3 逻辑运算符 4 字符串运算符 5 赋值运算符 6 条件运算符 7 对象操作运算符 算术运算符 自增自减运算 比较运算符 比较运算符案例 var number1=25; var number2=5; document. write(number1number2=); document. write(number1number2); document. write(br); document. write(number1!=number2=); document. write(number1!=number2); 逻辑运算符 逻辑运算符案例 s1=true; s2=false; document.write(s1s2=); document.write(s1s2); document.write(br); docum