01_javascript基础.ppt

JavaScript 本章内容 C/S与B/S 静态网页和动态网页 HTML基本元素 CSS JavaScript(重在应用) XML(基本知识、DTD、dom4j解析) JavaScript JavaScript是一种描述式语言，它与HTML结合起来，用于增强功能，并提高与最终用户之间的交互性能 JavaScript是一种基于对象的语言 由Netscape公司开发 它是与Java完全不同的一种语言。虽然在结构和语法上与Java类似，但是，它只是函数式的语言。 客户端的JavaScript 必须要有浏览器的支持 在网页中加入JavaScript 通过在网页中加入script…/script标记JavaScript的开始和结束，将JavaScript代码放到Script…/Script之间(8.htm) 也可以引入一个外部的JavaScript文件，这个JavaScript文件一般以.js作为扩展名 原则上，放在head/head之间。但视情况可以放在网页的任何部分 一个页面可以有几个Script…/Script ，不同部分的函数和变量，可以共享。 JavaScript基本语法 JavaScript是一门弱类型的语言，所有的变量定义均以var来实现 JavaScript区分大小写 javascript常用方法 为了教学演示方便，我们先介绍javascript里的常用方法 window.alert(内容): window对象的一个方法，在页面弹出一个警告框。 document.write(内容): document对象的一个方法，在网页显示指定的内容。 JavaScript基本语法—变量 变量定义： 用var来定义变量 var i = 10; var myName = zhangsan; var 性别 = 男; 虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做(12.htm) JavaScript基本语法—运算符与表达式 运算符 算术运算符: +、-、*、/、%（14.htm） 条件运算符: 、、=、=、=、== 逻辑运算符: 、|| 、!(15.htm) ... 条件表达式 条件?A:B(18.htm) JavaScript基本语法—控制语句 if语句 if(条件) else if(条件1) else…(19.htm) JavaScript基本语法—控制语句 switch 语句 switch(i) case i1:… casei2:… default:… (21.htm) JavaScript基本语法—循环语句 do…while 23.htm while 24.htm JavaScript基本语法—循环语句 for( initExpression ; condition ; step) 22.htm for(var var_name in 数组) JavaScript基本语法—字符串对象 创建 var myName = zhangsan; var gender = new String(男); 常用方法、属性 得到字符串的长度(属性): length 取子串：substring(index1[,index2])(17.htm) 取指定长度的子串:substr(beginIndex[,length]) 判断子串的位置indexOf 取指定字符的位置charAt() 替换replace() 拆分为数组split() JavaScript基本语法—常用内置对象_数组 数组定义 var arr = new Array([3]); var arr = [1, 2, 3]; 通过arr.length取得数组的长度 例子:13.htm JavaScript基本语法—常用内置对象_Date Date对象的创建: var date = new Date(); Date对象常用方法: getYear() getMonth() getDate() getDay() getHourse() getMinutes() getSeconds() setXxx() ... 例子: 是JavaScript在页面显示当前系统时间 JavaScript基本语法—常用内置对象_Math 和java.util.Math用法类似 JavaScript基本语法—函数 函数的定义 function fun_name([paramName]){ // 函数体 } 注意: 函数没有返回值类型，也没有形参的类型 函数可以有返回值 函数的执行一定和某个事件关联的 例子 利用function来定义一个函数(25.htm) 传入参数(26.htm) 传出值(27.htm) JavaScript事件处理 事件及处理描述: 这里所说的事