18910140161

js获取当前页面地址和各种参数的方法

顺晟科技

2021-06-28 17:25:47

160

js想要获取网页的访问地址可以使用 location 对像,他包含各个属性,比如网址的HTTP协议,url,端口号以及页面的路径等等。

Location 的属性:

hash:设置或返回从井号 (#) 开始的 URL(锚)。

host:设置或返回主机名和当前 URL 的端口号。

hostname:设置或返回当前 URL 的主机名。

href:设置或返回完整的 URL。

pathname:设置或返回当前 URL 的路径部分。

port:设置或返回当前 URL 的端口号。

protocol:设置或返回当前 URL 的协议。

search:设置或返回从问号 (?) 开始的 URL(查询部分)。

示例:JS获取网址地址中的各个属性

访问网址:http://www.baixia.com/nav.html#search

代码:

console.log(window.location);

打印结果如下图:

js获取当前页面地址以及各个参数的方法

示例2:分别获取网页地址中的各大个参数

代码:

console.log(window.location.href);   // http://www.baixia.com/nav.html#search
console.log(window.location.hostname); //www.baixia.com
console.log(window.location.protocol);   // http:
console.log(window.location.host); // www.baixia.com
console.log(window.location.hash); // #search
console.log(window.location.port);  // 未有端口号输出

注:HTTP的默认端口为80,HTTPS协议的默认端口为443。如果网址中未指定端口,通过JS代码是输出不了的。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航