在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,本文就简要聊一聊如何用JS取当前网页的url信息。
URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:
scheme://host:port/path?query#fragment scheme:通信协议
常用的http,ftp,maito等。
可以打开开发者工具,直接在控制台输入console.log(window.location)进行查看
console.log(window.location)
在我所访问的地址的控制台输出,内容如下:
console.log(window.location)
index-08991c6e.js:41
Location {href: "https://ant.design/components/menu-cn/#Menu", ancestorOrigins: DOMStringList, origin: "https://ant.design", protocol: "https:", replace: ƒ, …}
ancestorOrigins: DOMStringList {length: 0}
assign: ƒ assign()
hash: "#Menu"
host: "ant.design"
hostname: "ant.design"
href: "https://ant.design/components/menu-cn/#Menu"
origin: "https://ant.design"
pathname: "/components/menu-cn/"
port: ""
protocol: "https:"
reload: ƒ reload()
replace: ƒ ()
search: ""
toString: ƒ toString()
valueOf: ƒ valueOf()
Symbol(Symbol.toPrimitive): undefined
__proto__: Location
具体每一项如下:
window.location.pathname //设置或获取对象指定的文件名或路径
window.location.href //设置或获取整个 URL 为字符串
window.location.origin // 获取当前页面的域名
window.location.port //设置或获取与 URL 关联的端口号码
window.location.protocol //设置或获取 URL 的协议部分
window.location.hash //设置或获取 href 属性中在井号“#”后面的分段
window.location.host //设置或获取 location 或 URL 的 hostname 和 port 号码
window.location.hostname //设置或获取 location 或 URL 的 hostname 和 port 号码
window.location.search //设置或获取 href 属性中跟在问号后面的部分
window.location //属性 描述 hash 设置或获取 href 属性中在井号“#”后面的分段javascript判断字符串中是否包含某字符串
//判断url地址中是否包含某字符串
indexOf函数方法示例用法:
例如:
var url = window.location.href;
if(url.indexOf(“link”) >= 0 ) { //判断url地址中是否包含link字符串
alert(“包含link字符”);
}