location怎么用,window.location的对象属性用法
`window.location`对象包含有关当前文档位置的信息并允许您与浏览器进行导航。它具有以下属性:
- `window.location.href`:包含完整的URL,可以读取或设置该属性来导航到新的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的查询字符串部分(即URL中位于问号后面的部分)。
- `window.location.hash`:包含当前URL的锚点部分(即URL中位于井号后面的部分)。
例如,如果当前URL是`https://example.com/path?id=123#section`,则可以通过以下方式访问这些属性:
console.log(window.location.href); // https://example.com/path?id=123#section console.log(window.location.protocol); // https: console.log(window.location.host); // example.com console.log(window.location.hostname); // example.com console.log(window.location.port); // (空字符串) console.log(window.location.pathname); // /path console.log(window.location.search); // ?id=123 console.log(window.location.hash); // #section
这些属性可以帮助您在JavaScript中操作URL的各个部分。
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址:https://tangjiusheng.cn/web/ask/6264.html
原文地址:https://tangjiusheng.cn/web/ask/6264.html
大家都在看
- js localstorage用法(localstorage是什么)
- localStorage用法(前端读取localstorage数据的方法)
- BitLocker是什么?
- window.location有哪些属性和方法(js的location对象详解)
- location怎么用,window.location的对象属性用法
- malloc函数的用法(malloc在c语言中是什么意思)
- js怎么获取当前页面url,window.location.href的用法
- numlock键在哪 (带你了解编辑键区和数字键区)
- window.open和location.href的区别(location.href常见的几种形式)
- Synchronized和Lock的区别(5分钟搞清楚Synchronized和Lock)