第十章《浏览器对象》.ppt

Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL，其他属性则分别描述了 URL 的各个部分。 Location对象 属性 描述 protocol 设置或返回当前 URL 的协议。 hostname 设置或返回当前 URL 的主机名。 port 设置或返回当前 URL 的端口号。 host 设置或返回主机名和当前 URL 的端口号。 pathname 设置或返回当前 URL 的路径部分。 hash 设置或返回从井号 (#) 开始的 URL（锚）。 search 设置或返回从问号 (?) 开始的 URL（查询部分）。 href 设置或返回完整的 URL。 Location对象的属性 script type=text/JavaScript function search() { document.write(protocol:+tocol); document.write(br /); document.write(hostname+location.hostname); document.write(br /); document.write(port+location.port); document.write(br /); document.write(host+location.host); document.write(br /); document.write(pathname+location.pathname); document.write(br /); document.write(hash+location.hash); document.write(br /); document.write(search+location.search); document.write(br /); document.write(href+location.href); document.write(br /); } /script …… input type=button value=查看当前页面URL信息 onclick=search(); / Location对象的属性 href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL。 因此，我们可以通过为该属性设置新的 URL，使浏览器读取并显示新的 URL 的内容。 href属性 html head script type=text/JavaScript function gotoSINA() { window.location.href=; } /script /head body input type=button value=浏览新浪网首页 onclick=gotoSINA(); / /body /html href属性示例 方法 描述 assign() 加载新的文档。 reload() 重新加载当前文档。 replace() 用新的文档替换当前文档。 Location对象的方法 assign() 方法可加载一个新的文档。 location.assign(URL) replace() 方法可用一个新文档取代当前文档。 location.replace(newURL) 说明：replace() 方法不会在 History 对象中生成一个新的纪录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前纪录。 reload() 方法用于重新加载当前文档。 location.reload(force) 说明：如果该方法没有规定参数，或者参数是 false，浏览器就会检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。 assign、replace、reload方法 script type=text/JavaScript function newDoc() { window.location.assign() } function replaceDoc() { window.location.replace() } function reloadPage() { window.location.reload() } /script …… input type=button value=Load new document onclick=newDoc(); / input type=button value=Replace document onclick=replaceDoc()