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

善良是人生的正能量,是一种能够面对人生一切困苦的力量,是能够化解一切矛盾和摩擦的力量,是能够带来和平与幸福的力量,是能够让世界越来越美好的力量。

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代码是输出不了的。

本文javascript获取当前页面地址以及各个参数的方法到此结束。不要嘲笑别人的疤,那只是你没有经历过的伤。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法