当前位置:龙哥网 > 网络技术 > javascript获取当前页面url网址参数信息代码(js获取当前页面的url中的参数)

javascript获取当前页面url网址参数信息代码(js获取当前页面的url中的参数)

longge5个月前 (12-17)网络技术114

使用原生js获取web当前页面url网址信息,包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。

1、获取整个URL地址

当前页面:https://www.tddx.net/geturl.html?id=1

var _url = window.location.href;
alert(test);

返回值:https://www.tddx.net/geturl.html?id=1

2、获取URL协议

当前页面:https://www.tddx.net/geturl.html?id=1

var test = window.location.protocol;
alert(test);

返回值:http:

3、获取URL的主机部分

当前页面:https://www.tddx.net/geturl.html?id=1

var test = window.location.host;
alert(test);

返回值:www.neirong.org

4、获取URL关联的端口号

当前页面:http://www.neirong.org:8080/

var test = window.location.port;
alert(test);

返回值:8080

5、获取URL的路径

当前页面:https://www.tddx.net/geturl.html?id=1

var test = window.location.pathname;
alert(test);

返回值:/geturl.html

6、获取url问号后面的部分

当前页面:https://www.tddx.net/geturl.html?id=1

var test = window.location.search;
alert(test);

返回值:?id=1

PS:获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。

7、获取url属性中井号“#”后面的部分

当前页面:https://www.tddx.net/geturl.html#p1

var test = window.location.hash;
alert(test);

返回值:#p1

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!