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


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

查看所有标签

猜你喜欢:

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

程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)

程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)

左程云 / 电子工业出版社 / 109.00元

《程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)》是一本程序员代码面试"神书”!书中对IT名企代码面试各类题目的最优解进行了总结,并提供了相关代码实现。针对当前程序员面试缺乏权威题目汇总这一痛点,本书选取将近300道真实出现过的经典代码面试题,帮助广大程序员的面试准备做到接近万无一失。"刷”完本书后,你就是"题王”!《程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)》......一起来看看 《程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具