本文目录一览:
- 1、window.location.hash 属性怎么使用
- 2、location对象中有哪些属性和方法
- 3、window.location.href和window.location.hash的区别
- 4、location hash 怎么获取
window.location.hash 属性怎么使用
1.location 地址对象描述的是某一个窗口对象所打开的地址。表示当前窗口的地址,只需使用“location”就行;若要表示某一个窗口的地址,就使用“窗口对象.location”。具体如下:
第一、location 属性、用法以及相关示例:
Location包含了关于当前 URL 的信息。location 对象描述了与一个给定的 Window 对象
关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。
2.属性概览
location对象中有哪些属性和方法
那么 location 对象的属性结果是:
location.hostname =
location.href =
location.host =
location.hash = #result
location.port = 81
location.pathname = /location.htm
location.search = ?key=asp
location.protocol = http:
需要说明
如果 port 不为空,则 host = hostname + ":" + port;如果 port 为空,则 host = hostname。一般来说我们都使用默认端口 80,所以 port 一般为空。-location.hash
hash 是包含 # 的。
pathname 是包含 / 的。
search 是包含 ? 的。
protocol 是包含 : 的。
以上属性均是可读可写的。
如果直接对 location 取值赋值,就相当于对 location.href 取值赋值。
在 Ajax 中,可利用 hash 实现前进后退功能。
href = protocol + "//" + host + pathname + search + hash(在本地双击 htm 文件用浏览器打开时可能不适用本公式)
location 对象的方法
assign(sURL) 读取新的 URL。
reload([bReloadSource]) bReloadSource 默认为 false,表示从缓存中重新读取;如果为 true,表示从服务端重新读取。
replace(sURL) 读取新的 URL。
需要说明
assign 与 replace 是有区别的。假设有 assign.htm 用 assign 跳转到 history.htm,那么在 history.htm 的 JavaScript 对象 history 中就会记录两条历史记录;假设有 replace.htm 用 replace 跳转到 history.htm,那么在 history.htm 的 JavaScript 对象 history 中就只有一条历史记录(该记录为 history.htm,而不是 replace.htm)。-location.hash
用 assign 跳转和 href 跳转则没有什么区别。
window.location.href和window.location.hash的区别
(1)window.location.href
得到和使用的是完整的url,比如window.location.href="”表示的是重新定向,页面跳转
到新的页面。也可以通过window.location.href得到a标签的完整的href,比如a href="#book"如果使用href,那
么可以得到完整的链接(url)
(2)window.location.hash
得到的是锚链接。相比如href,通过window.location.hash并不会跳转到新的链接,只会在当前链接里面
改变锚链。并且如果有a href="#book"通过window.location.hash得不到完整的链接(URL),仅仅得到#book.
location hash 怎么获取
hash:设置或获取 href 属性中在井号“#”后面的分段。 href:设置或获取整个 URL 为字符串。 通过下面的测试你会发现区别,将代码放到你的HTML中,然后用浏览器打开,测试步骤: 点击“超链接”,你会发现在地址栏URL发生了变化-location.hash