[理学]JS.ppt

JS 什么是JavaScript 来历和用途 Javascript是网景（Netscape）公司开发的一种基于客户端浏览器、基于对象、事件驱动式的网页脚本语言 不是JScript，更不是Java javascript和vbscript的区别 特点： 是一种在网页客户端执行的弱类型脚本语言 语法风格类似C语言 严格的区分大小写 分号表示一句话的结尾 网页客户端最通用的脚本语言之一 如何定义javascript 在元素的客户端事件中直接调用脚本 常见的html的事件如：onclick, onload, onunload, onchange 在html定义脚本块 script language=javascript type=text/javascript .... /script 把脚本放在单独的文件（后缀名是.js），引用到html script src=a.js type=text/javascript/script 脚本块定义位置决定其执行顺序 用函数封装调用脚本 函数的写法 function Fun() { ... } 调用函数 onclick=Fun() 脚本的调试 使用VS和IE调试脚本 使用FireFox的插件FireBug调试脚本 定义变量 局部变量 function Fun() { var i; } 全局变量 var i; funtction Fun() { ... } 数据类型 有以下类型： number：数值类型（整数，浮点数） string：字符串（单引号，双引号） boolean：布尔类型（true，false） object：对象类型（内置对象，自定义对象） undefined：未定义类型（不存在的对象、已定义但未赋值 ） null：空值 特点： 一：没有高级语言严格数据类型的定义 二：可以使用typeof(变量)，获得数据类型的标示符 常见运算符号和类型转换 运算符 对number类型执行四则运算 string类型的连接符号是：+ 支持++,--运算符号 支持类C语言大多数常见运算符 转换 parseInt()：转换为整数 parseFloat()：转换为浮点数 IsNaN()：是否为数字 eval（）：执行字符串 流程控制语句 注释：// 或 /* ... */ 分支 If switch 循环 for() while() do{ ... }while() 跳转 break; continue; return; 三元运算：?: JS内置对象：Date 声明： var today = new Date(); 年，月，日 getFullYear() ， getMonth() ，getDate() 当前日期时间 toLocaleString() toLoacleTimeString() JS内置对象：Math PI Math.PI 平方根 Math.SQRT2 2的10次方 Math.pow(2,10) 四舍五入 Math.round(100.12); 取整 Math.floor() 随机数 Math.random() 数组 一维数组 格式1： fruit=new Array(3); 　　　　 fruit[0]=苹果;　　　　 fruit[1]=梨子;　　　　 fruit[2]=橘子; 格式2： fruit=new Array(苹果，梨子，橘子); 格式3：fruit=[苹果，梨子，橘子]; 二维数组 var fruit = new Array(2); fruit[0] = new Array(苹果, 2); fruit[1] = new Array(梨子, 4); JS内置对象：字符串 大小写转换：toUpperCase() / toLowerCase() 查找索引：indexOf 截取字符：charAt 截取字符串：substring, substr ASCII转换：charCodeAt(); / fromCharCode(); 拆分：split 字符集编码和解码：escape / unescape DOM 什么是DOM Document Object Model，定义了浏览器各对象间的层次关系 DOM对象的层次 window location frames history navigator event screen document forms all body styleSheets 基本的DOM元素控制 使用document获得文本框的值： var v = document.getElementById(txt).value; 使用document设置div的值： document.getElementById(div1).innerH