前端基础实战 2

JavaScript对象课件目录01Window对象02异常处理机制03JSON对象03正则表达式Window对象BOM简介BOM提供了独立于内容与浏览器窗口进行交互的对象，主要用于管理窗口与窗口之间的通信，其核心对象是Window。BOM的属性如表8-1所示Window对象BOM简介BOM的方法如表8-2所示。Window对象Window基础操作首先介绍与窗口相关的一些标准属性的使用，示例代码如下。

运行上述代码，运行结果如下。Window对象Window基础操作常见的窗口操作方法如表8-3所示。Window对象弹出窗口创建一个弹出窗口，示例代码如下。Window对象弹出窗口弹出窗口的特征值如表8-4所示。Window对象弹出框对象BOM的弹出框主要分为对话框、确认框和输入框，其用法如下。Window对象定时器对象在JavaScript中，定时器对象主要通过setInterval()和setTimeout()两个函数实现，两者都会开启队列机制，并在相应的时间延迟后触发某段代码执行，或调用某个函数，具体说明如下。（1）setInterval()：语法为window.setInterval("JavaScript代码或函数调用",毫秒数)，表示间隔一段时间后运行该JavaScript程序，且重复运行。（2）setTimeout()：语法为window.setTimeout("JavaScript代码或函数调用",毫秒数)，表示间隔一段时间后运行该JavaScript程序，且只运行一次。也可以使用clearTimeout(定时器对象名称)或clearInterval(定时器对象名称)来清除或暂停定时器。Window对象定时器对象示例代码如下（仅以setInterval()举例，setTimeout()的用法与此完全一样）。functiongetTime(){vartime=newDate().toLocaleTimeString();alert(time);}setInterval(getTime,1000);//表示每秒调用一次getTime()函数//或者使用以下语句setInterval("getTime()",1000);//如果使用了双引号，则必须加上圆括号除调用函数外，也可以直接在setInterval()中编写定时执行的代码，示例代码如下。setInterval("alert(newDate().toLocaleTimeString())",5000);Window对象其他对象1．window.location对象其常见的属性和方法如下。（1）location.hostname：返回Web主机的域名。（2）location.pathname：返回当前页面的路径和文件名。（3）location.port：返回Web主机的端口（80或443）。（4）tocol：返回所使用的Web协议（HTTP或HTTPS）。（5）location.href：返回（当前页面的）整个URL。（6）location.assign(URL)方法：加载新的文档。Window对象其他对象2．window.history对象其主要有如下两个方法。（1）history.back()：作用与在浏览器中单击后退按钮相同。（2）history.forward()：作用与在浏览器中单击向前按钮相同。3．window.navigator对象异常处理机制异常处理机制简介在理解异常之前，需要区分错误（Error）与异常（Exception）两个概念。（1）错误：代码在编译的时候就出现的错误，如语法错误，出现错误后代码将无法编译，必须修正错误后才能重新编译。代码无法跳过错误。（2）异常：程序在运行的时候出现的错误，如对象中某个属性不存在，或者数据类型不匹配。出现异常时代码可以继续执行，不过会在控制台中输出一段错误信息提醒开发者。JavaScript中有两种方式可以处理程序的运行异常：一种是使用onerror，另一种是使用try…catch…finally（finally可选）。异常处理机制使用onerror处理异常使用onerror处理异常的示例代码如下。异常处理机制使用onerror处理异常运行上述代码，使用onerror处理异常的效果如图8-1所示。异常处理机制使用try...catch...finally处理异常几乎所有编程语言都支持异常处理，且关键字也都类似于try…catch…finally，具体语法规则如下。try{//这里放置可能会出错的代码}catch(e){//代码出错后执行的代码}finally{//不管代码是否报错，都将执行的代码（此代码块可选）}异常处理机制使用try...catch...finally处理异常以使用try…catch…finally来捕获页面中可能出现的异常，一旦捕获到异常，就会提供给用户一个明确的信息，示例代码如下。<script>try{document.write(result);//代码中并没有定义变量result}catch(e){alert('你好，系统目前正在打瞌睡，请稍后重试，谢谢！');}</script>异常处理机制使用try...catch...finally处理异常运行上述代码，使用try…catch…finally处理异常的效果如图8-2所示。正则表达式正则表达式简介正则表达式（RegularExpression）在代码中常简写为regex、regexp或RE，其使用单个字符串来描述、匹配一系列符合某个语法规则的字符串，可用于文本搜索和文本替换。正则表达式并不是某一门编程语言专用的，而是一项独立于任何编程语言的文本搜索和匹配规则，目前所有编程语言都支持正则表达式。要学好正则表达式，重点并不在于在某一门编程语言中怎么调用它，也不是调用什么函数，更不是传递什么参数，而是要完全理解正则表达式的语法规则。正则表达式正则表达式语法1．方括号方括号用于查找某个范围内的字符，正则表达式中的部分方括号用法如表8-5所示。正则表达式正则表达式语法2．元字符元字符（Metacharacter）是拥有特殊含义的字符，正则表达式中的元字符如表8-6所示。正则表达式正则表达式语法3．量词量词主要用于指定匹配数量，正则表达式中的量词如表8-7所示。正则表达式RegExp对象1．对象属性RegExp对象属性如表8-8所示。正则表达式RegExp对象2．对象方法RegExp对象方法如表8-9所示。另外，字符串中的几个方法也支持正则表达式，支持正则表达式的字符串方法如表8-10所示。正则表达式RegExp对象3．RegExp对象处理正则表达式的具体示例示例1：检查用户的输入是否为纯数字，代码如下。正则表达式RegExp对象示例2：检查用户的输入是否为一个有效的电话号码，代码如下。正则表达式RegExp对象示例3：提取文本中的所有的7位数字，代码如下。示例4：使用/来处理正则表达式，筛选正确的座机电话号码。正则表达式RegExp对象示例5：根据左右边界查询其中的内容。JSON对象JSON概述JavaScript对象表示法是一种轻量级的数据交换格式。它基于JavaScript的一个子集发展而来，但现在很多编程语言都支持它。JSON具有简洁、易于阅读和编写的特点。它采用键值对的形式来表示数据，就像JavaScript中的对象一样。JSON的语法规则比较严格。对象用大括号括起来，数组用方括号括起来。在一个对象内部，键必须是字符串，且要用双引号括起来，值可以是字符串、数字、布尔值、对象、数组或者null。JSON在现代软件开发中扮演着至关重要的角色。JSON都是一种常用的数据交换和存储格式。它的出现大大简化了不同系统之间的数据交互过程，提高了开发效率，降低了开发成本。JSON对象JSON定义JSON本质上是由JavaScript的数组和对象构成的。（1）对象：用{}包括起来，表示无序的键值对集合。以下是对象的定义和引用。JSON对象JSON定义（2）数组：用[]包括起来，表示有序的值集合（元素之间用逗号分隔），即常规的JavaScript数组，根据其索引进行取值即可。在JSON中，数组与对象可以混合使用。以下示例展示了如何定义一个JSON数组并进行取值。JSON对象JSON字符串在互联网中进行数据传输时，除了传输标准的JSON对象，还能传输JSON格式的字符串。所以，使用JavaScript处理JSO