浅谈location.search与location.hash的问题

location.search和location.hash是JavaScript中URL对象的两个属性，用于获取和设置URL中的查询字符串和哈希值。

1. location.search:

• 用于获取URL中的查询字符串，即?后面的部分。

• 返回的是一个字符串，包含所有查询参数。

• 可以通过location.search.substring(1)来获取不包含?的查询参数字符串。

• 可以通过location.search.slice(1)来获取不包含?的查询参数字符串。

2. location.hash:

• 用于获取URL中的哈希值，即#后面的部分。

• 返回的是一个字符串，包含所有哈希值。

• 可以通过location.hash.substring(1)来获取不包含#的哈希值字符串。

• 可以通过location.hash.slice(1)来获取不包含#的哈希值字符串。

使用场景：

1. location.search常用于获取URL中的查询参数，可以通过解析该字符串来获取特定的参数值。

• 例如，对于URL：https://example.com/?name=John&age=25，可以使用location.search获取到字符串"?name=John&age=25"，然后可以通过解析该字符串来获取name和age参数的值。

2. location.hash常用于在单页面应用(SPA)中进行路由，可以根据不同的哈希值来显示不同的内容。

• 例如，对于URL：https://example.com/#about，可以使用location.hash获取到字符串"#about"，然后可以根据该值来显示关于页面的内容。

需要注意的问题：

1. 修改location.search或location.hash的值，会导致页面URL的变化，进而触发浏览器的页面刷新。

2. 当URL中有查询参数时，location.search会返回?后面的部分，而不包括#及其后面的部分；当URL中有哈希值时，location.hash会返回#后面的部分，包括#本身。

3. location.search和location.hash都是只读属性，不能直接赋值修改，需要通过赋值给location.href来修改URL。

4. 在某些情况下，location.search和location.hash可能会被浏览器URL编码，需要进行解码处理才能获取正确的值。

综上所述，location.search和location.hash是用于获取URL中查询字符串和哈希值的属性，适用于从URL中获取特定信息或进行页面跳转的场景。