javascript获取当前页面url网址参数信息代码

栏目: 后端 · 前端 · 发布时间: 6年前

内容简介:使用原生js获取web当前页面url网址信息,包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。1、获取整个URL地址当前页面:http://www.neirong.org/geturl.html?id=1

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

1、获取整个URL地址

当前页面:http://www.neirong.org/geturl.html?id=1

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

返回值:http://www.neirong.org/geturl.html?id=1

2、获取URL协议

当前页面:http://www.neirong.org/geturl.html?id=1

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

返回值:http:

3、获取URL的主机部分

当前页面:http://www.neirong.org/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的路径

当前页面:http://www.neirong.org/geturl.html?id=1

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

返回值:/geturl.html

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

当前页面:http://www.neirong.org/geturl.html?id=1

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

返回值:?id=1

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

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

当前页面:http://www.neirong.org/geturl.html#p1

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

返回值:#p1


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Bulletproof Web Design

Bulletproof Web Design

Dan Cederholm / New Riders Press / 28 July, 2005 / $39.99

No matter how visually appealing or packed with content a Web site is, it isn't succeeding if it's not reaching the widest possible audience. Designers who get this guide can be assured their Web site......一起来看看 《Bulletproof Web Design》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具