第12讲_BOM与DOM.pptVIP

第12章 BOM与DOM 主要内容 12.1.1 对象简介 1. JavaScript的对象类型（分为四类）： 本地对象（native?object），本身提供的类型，如Math等，这种对象无需具体定义，直接就可以通过名称引用它们的属性和方法，如Math.Random()； 内建对象（built-in object），如Array, String等。这些对象独立于宿主环境，在JavaScript程序中由程序员定义具体对象，并可以通过对象名来使用； 宿主对象（host object）是被浏览器支持的, 目的是为了能和被浏览的文档乃至浏览器环境交互，如document, window 和 frames等； 自定义对象，是程序员基于需要自己定义的对象类型。 12.1.1 对象简介 2. 访问对象的属性和方法 对象名称.属性名 对象名称.方法名( ) 例如： window.alert(“欢迎学习Javascript”); document.write(“欢迎学习Javascript”); var str=“Welcome to you!”; var len=str.length; var ch=str.charAt(3); 12.2 核心对象 JavaScript 的核心对象包括 : Array，Boolean，Date，Function，Math，Number，Object 和 String等。这些对象同时在客户端和服务器端的 JavaScript 中使用。 1. Array：数组对象用来在单独的变量名中存储一系列的值。通过声明一个数组，将相关的数据存入数组，使用循环等结构对数组中的每个元素进行操作(使用循环体的语句体)。 1)定义数组并直接初始化数组元素 var course = new Array (Java程序设计,HTML开发基础,数据库原理,计算机网络); 或者：var course = [Java程序设计,HTML开发基础,数据库原理,计算机网络]; 12.2.1. Array 2) 先定义数组，后初始化数组元素 var course = new Array(); course[0] = Java程序设计; course[1] = HTML开发基础; course[2] = 数据库原理; course[3] = 计算机网络; 3) 数组的长度 可以通过“数组名.length”来获得指定数组的实际长度数组的元素 4) 数组中存放的应该都是同类型的数据，例如字符串、整数、实数、同样类型的对象等，但可以不一样。 12.2.1. Array 5)访问/修改数组元素 访问：访问数组的元素可以通过下标来访问。数组的下标总是从0开始，到时数组长度-1结束。如访问第一个元素的代码可以这样写： var cn = course[0]; var last_position = course.length-1; 下标可以用变量替代，例如： var i=3; var cn = course[i]; 如果下标超出了数组的边界，则返回值为“undefined”。 修改：可以用再赋值的方式来修改数组对应位置的元素，如： course[2] = 数据库原理与应用; 12.2.1. Array 6)使用数组对象的属性和方法 Length：数组对象长度； join(separator)：把数组各个项用某个字符(串)连接起来，但并不修改原来的数组，默认用逗号分隔。例如： var cn=course.join(-); //这里用一个短横线作为分隔符 Cn的值为“Java程序设计-HTML开发基础-数据库原理-计算机网络”。 pop()：删除并返回数组的最后一个元素。例如var cn=course.pop(); 则变量cn获得的值是“计算机网络”。 12.2.1. Array 12.2.2 Date Date对象用来处理和日期时间相关的事情。 1) 定义日期对象 new Date() new Date(month day, year hours:minutes:seconds) new Date(yr_num, mo_num, day_num) new Date(yr_num, mo_num, day_num, hr_num, min_num, sec_num) 具体应用如下： var today = new Date(); //自动使用当前的日期和时间 var birthday = new Date(“December 17, 1991