1、历史对象 地址对象 历史对象和地址对象的相关应用历史对象的介绍 history对象其主要作用是用来跟踪窗口中曾经使用的URL,由document对象的history属性保持引用。通过使用history对象可以获知浏览器窗口近来访问过的网页个数,还可以实现从一个页面跳到另一个页面,在实际应用中,如涉及到页面的跳转问题,可以用这个对象来解决。前进到上一页和后退到下一页 使用history对象的back和forward方法,可以实现和浏览器提供的后退和前进功能。跳转 卸载文档。下面是一个具体的实例。URL介绍 URL也就是路径地址的意思,在网页中指的是访问的路径。它的构成是有一定的规范的,通常情况下
2、,一个URL会有下面的格式:协议(/)+主机:端口(/)+路径名称(#)+哈希标识(?)+搜索条件。这些部分是满足这样的要求的:“协议”是URL的起始部分,直到包含到第一个冒号;“主机”描述了主机和域名,或者一个网络主机的IP地址;“端口”描述了服务器用于通讯的通讯端口;路径名称描述了URL的路径方面的信息;“哈希标识”描述了URL中的锚名称,包括哈希掩码(#)。此属性只应用于HTTP的URL;“搜索条件”字符串包含变量和值的配对;每对之间由一个“&”连接。获取指定地址的各属性值 通常在网页编程时,会涉及对地址的处理的问题,如页面间的参数传递等,这些都与地址本身的一些属性有关。这些属性大多都是
3、用来引用当前文档的URL的各个部分。示例如下:获取指定地址的各属性值 加载新网页在网页设计过程中,时常会用到加载一个新的网页的情况。这时仍然可以用Location对象。它的href属性就可以轻松完成这一功能,该属性返回值为当前文档的URL,如果将该属性值设置为新的URL,那么浏览器会自动加载该URL的内容,从而达到加载一个新的网页的目的。具体的事例如下:获取参数,获取参数可以说是通过Location对象的search属性,可以获得从URL中传递过来的参数和参数值。然后在JavaScript代码中可以处理这些参数和参数值。具体的操作见下一页的示例。装载新文档与重新装入当前文档 文档的装载在应用中
4、也是比较常见的,然而它的装方式一共就三种,即assign、replace和reload这三个方法。其中reload方法用于根据浏览器reload按钮定义的策略重新装入窗口的当前文档。replace方法取一个URL参数,从当前文档历史清单中装入URL,并显示指定页面。具体的使用方法如下面代码所示。0102范例12-60304function Assign()05 06location.assign(http:/);/加载一个新文档,和location对象的href属一样0708function Replace()09location.replace(http:/);/使用新的URL替换当前文档,
5、不加入到浏览器的历史中1011function Reload()1213location.reload(http:/ 1718前往百度首页19163邮箱登录20前往google首页21刷新文档 在实际应用中,经常会涉及到对文档的刷新,JavaScript提供了一种刷新方法。使用Location对象的reload()方法可以刷新当前文档。reload()方法的语法代码如下所示:加载新文档 加载一个新文档,除了用open方法以外还可以用Location对象所提供的方法。Location对象所提供的replace方法可以用一个URL来取代当前窗口的URL,以达到加载新文档的效果。replace方法的语法代码如下所示:location.replace(url)加载新文档 示例。0102var pos=0/给变量给变量pos赋初值赋初值009function goUrl()/自定义函数获取新地址自定义函数获取新地址10 11 pos+/pos加加112 location.replace(http:/?id=+pos)/加载新页面加载新页面13 1415