第11章历史对象与地址对象(JavaScript基础初学者用).ppt

第11章 历史对象与地址对象 JavaScript中的History对象，也称历史对象，该对象用来存储客户端浏览器窗口最近所浏览过的历史网址。JavaScript中的Location对象，也称地址对象，该对象用来代表客户端浏览器窗口的URL地址信息。在本章里将会详细介绍这两个对象。 11.1 历史对象 History对象是JavaScript中的一种默认对象，该对象可以用来存储客户端浏览器窗口最近所浏览过的历史网址。通过History对象的方法，可以完成类似与浏览器窗口中的前进、后退等按钮的功能。出于安全方面的考虑，在History对象中，不能访问到客户端浏览器窗口最近所浏览过的网页URL。 11.1.1 历史对象的属性 History对象的属性只有一个，该属性的作用是查看客户端浏览器窗口的历史列表中访问过的网页的个数。该属性的语法代码如下所示： history.length（具体内容请参照书。） 11.1.2 历史对象的方法 History对象拥有如表11-1所示3个方法，通过这3个方法可以前进或后退到一个已经访问过的URL，也可以直接跳转到某个已经访问过的URL。（具体内容请参照书。） 11.1.3 前进与后退 使用History对象的forward()方法和back()方法可以在网页上实现前进或后退的作用。其中forward()方法可以前进到下一个访问过的URL（只有该URL存在时才起作用），调用该方法与单击浏览器窗口中的【前进】按钮的结果相同。back()方法可以返回到上一个访问过的URL（只有该URL存在时才起作用），调用该方法与单击浏览器窗口中的【后退】按钮的结果相同。 11.1.4 跳转 History对象的go()方法可以直接跳转到某个历史URL。例如以下代码为前进到下一个访问过的URL，相当于history.forward()方法： history.go(1) 而以下代码为返回到上一个访问过的URL，相当于history.back()方法： history.go(-1) 11.2 地址对象 Location对象也是JavaScript中的一种默认对象，该对象代表了当前显示的文档的URL。通过Location对象可以访问当前文档的URL的各个不同部分。 11.2.1 URL介绍 11.2.1.1 协议与域名 11.2.1.2 端口 11.2.1.3 文件名 11.2.1.4 虚拟目录 11.2.1.5 锚 11.2.1.6 参数 11.2.2 地址对象的属性 Location对象的属性大多都是用来引用当前文档的URL的各个部分，表11-3为Location对象的属性。（具体内容请参照书。） 11.2.3 地址对象属性的应用：加载新网页 Location对象的属性不仅仅可以获取当前文档的URL这么简单。Location对象的属性不是只读属性，也就是说，可以为Location对象的属性赋值。以Location对象的href属性为例，该属性返回值为当前文档的URL，如果将该属性值设置为新的URL，那么浏览器会自动加载该URL的内容。同样，如果修改了Location对象的其他属性，浏览器也会自动更新URL，并显示新的URL的内容。（具体内容请参照书。） 11.2.4 地址对象属性的应用：获取参数 通过Location对象的search属性，可以获得从URL中传递过来的参数和参数值。然后在JavaScript代码中可以处理这些参数和参数值。（具体内容请参照书。） 11.2.5 地址对象的方法 Location对象的属性主要用来获取当前文档的URL信息，而Location对象的方法主要是对当前文档的URL进行操作，如重新加载URL或用一个新的URL取代当前的URL。（具体内容请参照书。） 11.2.6 地址对象方法的应用：刷新文档 使用Location对象的reload()方法可以刷新当前文档。reload()方法的语法代码如下所示： location.reload(loadType)（具体内容请参照书。） 11.2.7 地址对象方法的应用：加载新文档 Location对象的replace()方法可以使用一个URL来取代当前窗口的URL，以达到加载新文档的效果。replace()方法的语法代码如下所示： location.replace(url) 11.3 小结 在本章里介绍了两个JavaScript默认的对象，一个是用于描述浏览器窗口打开文档历史的History对象，另一个是用于描述浏览器窗口URL的Location对象。History对象可以查看浏览器窗口历史列表中URL的个数，也可以前进、后退或跳转到某个已经访问过的URL。Location对象可以引用当前文档的URL的各个