第十二讲：历史对象和地址对象汇总课件

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