了解 JS 是什么, JS 能做什么,JS 基本程序结构 什么是 JS JavaScript 被设计用来向 HTML 页面添加交互行为 。 JavaScript 是一种脚本语言 , 被浏览器解释执行 。 JavaScript 的正式名称是 "ECMAScript". 这个标准由 ECMA 组织发 展和维护。 JS 被用于做什么? 响应事件, 实现复杂交互 。 验证数据, 提示系统健壮性 。 获取和改变 HTML 元素及 CSS 属性, 动态改变页面外观 。 JS DOM 编程及服务器异步通信技术—Ajax, 成为 RIA(Rich Internet HTML/JS Day 02 2009/2/17 Applications)的解决方案之一。 JS 在页面中的声明位置 • 页面内部 • 单独文件 • 嵌入 HTML 元素内部 基于事件响应 … … … 掌握 JS 基本数据类型及其运算 JS 有 3 种基本数据类型 number, string, boolean var n = 2; var str = "ECMAScript"; var flag = true; typeof 用于返回类型 undefined, null, number, string, boolean, object null 和 undefined var nullV = null; alert(nullV == undefined); //true Infinity 和 NaN 对于 number 类型 Infinity 表示无穷, NaN 表示非数字 isNaN("ABC") // false parseInt(…)和 parseDouble(…) 用于将字符串转换为数值 toString(…) 用于将数值转换为字符串 字符串的基本属性和方法 • length 属性 返回字符串的长度 • charAt(index) 返回指定位置的字符 • substring(from, to) 返回子字符串 • indexOf(str) 指定字符串在原字符串中第一次出现的位置 • lastIndexOf(str) 指定字符串在原字符串中最后一次出现的的位置 • match(regexp) 返回匹配指定正则表达式的字符串 • search(regexp) 返回按照正则表达式检索到的字符串位置 • toLowerCase/toUpperCase 返回小写/大写形式 掌握如基本事件及其含义 onclick 鼠标单击(参见实例) onchange 内容改变(参见实例) onfocus 获得焦点(参见实例) onblur 失去焦点(参见实例) onload 元素加载显示(参见实例) onunload 页面关闭(参见实例) onmouseout 鼠标移出(参见实例) onDblClick 鼠标双击(参见实例) 熟练的使用数组、日期等 数组的基本操作 • 创建数组, 长度由后期赋值决定 var arry1 = new Array; for (i = 0; i < 5; i++) { arry1[i] = 2 * i + 1; } • length 属性返回数组的长度 alert("arry1.length=" + arry1.length); • toString()方法, 返回数组的字符串表示 alert("arry1=" + arry1.toString()); • 构建数组并初始化 (有点像 Java) arry2 = [2, 4, 6, 8]; • concat 方法, 用于连接两 个数组 var arry3 = arry1.concat(arry2); alert(arry3); // 1, 3, 5, 7, 9, 2, 4, 6, 8 • join 用于将数组中的各个元素连接成字符串, 默认用","连接,也可 以指定连接的字符 . var arry5 = ["one", "two", "three"]; var strArry = arry5.join(); // "one,two,three“ strArry = arry5.join("|"); "one|two|three" • 调用 reverse 可以将数组反转 arry8 = [1,2,3,4,5]; arry8.reverse(); // 5, 4, 3, 2, 1 • slice 用于截取数组的一部分并以数组的形式返回 var arry9 = ['一','二','三','四','五']; var arry10 = arry9.slice(1,3); // 二, 三 • splice 用于删除原数组的一部分内容 , 并用指定的元素替换 var arry11 = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; arry11.splice(1, 5, '&','%','#'); // A, &, %, #, G • sort 方法用于将数组排序 var arry6 = [2, 3, 1, 6, 5, 3, 1, 4, 7]; arry6.sort(); // 1, 1, 2, 3, 3, 4, 5, 6, 7 对于字符串数组 , sort 方法使用字典的顺序排序 var arry7 = ['BB', 'AAA', 'C']; arry7.sort(); // AAA, BB, C 可以通过回调函数的方式自定义排序的大小逻辑 , 例如: arry7.sort(function(a1, a2) { return a1.length - a2.length;}); // C, BB, AAA =sort 方法运行时将使用数组的元素调用 function(a1, a2) {...} 根 据其返回的结果判断元素的大小 , 其逻辑为: 返回值>0 表示 a1>a2 返回值<0 表示 a1 … … … $F(‘id’)=”Hello”; // 相当于 document.getElementBy(‘name’).value 掌握简单的正则表达式操作 创建正则表达式对象: var re = /\d/; var reEmail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/; 正则表达式的 test 方法用于匹配 。 re.test(“1”); 返回为 boolean 类型,表示是否匹配。 match 方法 字符串的 match 方法用于匹配,返回为数组对象,表示匹配到的所有字符 串。(注意表达式中 “/g”的问题)。 search 方法 字符串的 search 方法用于查找字符串中第一个匹配的位置 正则表达式规则( 参见学过的 Java API) 作业: 用 JavaScript 实现 • 检查身份证号码的正确性 1) 长度为 15 或 18 位 2) 前 14 位为数字末位 可以为字母 • 编写取出身份证号码中年月日的信息
还剩10页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 3 金币 [ 分享pdf获得金币 ] 0 人已下载

下载pdf

pdf贡献者

heli28110

贡献于2014-03-27

下载需要 3 金币 [金币充值 ]
亲,您也可以通过 分享原创pdf 来获得金币奖励!
下载pdf