14. 如何使用JavaScript在浏览器的地址栏中获取和修改URL？

要使用JavaScript在浏览器的地址栏中获取和修改URL，可以通过window.location对象来访问和操作URL的相关信息。window.location对象提供了一些属性和方法，用于获取和修改URL的不同部分。

⭕获取URL的不同部分：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c4806023172848d9adaaa16ad86b2dfa

window.location.href: 获取完整的URL，包括协议、主机名、路径和查询字符串等。
window.location.protocol: 获取URL的协议部分，例如 "http:" 或 "https:"。
window.location.host: 获取URL的主机名和端口号部分。
window.location.hostname: 获取URL的主机名部分。
window.location.port: 获取URL的端口号部分。
window.location.pathname: 获取URL的路径部分。
window.location.search: 获取URL的查询字符串部分（包括问号）。
window.location.hash: 获取URL的片段标识符（哈希）部分（包括井号）。

⭕修改URL：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c4806023172848d9adaaa16ad86b2dfa#牛客AI配图神器#

window.location.href = newURL: 修改完整的URL，将浏览器导航到新的URL。
window.location.assign(newURL): 将浏览器导航到新的URL，效果与修改window.location.href相同。
window.location.replace(newURL): 将浏览器导航到新的URL，并替换当前的历史记录，使用户无法返回到前一个页面。
window.location.reload(): 刷新当前页面。