js获取页面URL地址

在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字符”);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值