JS获取页面URL信息整理

待我称王封你为后i 2023-02-25 14:25 2阅读 0赞

**http://localhost:8080/user/login?userName=aa&password=124**

**1、window.location.href (设置或获取整个 URL 为字符串)**

var url= window.location.href;
    alert(url);
    //  返回：url

**2、window.location.protocol (设置或获取 URL 的协议部分)**

var url = window.location.protocol;
    alert(url);
    //返回：http或者https

**3、window.location.host (设置或获取 URL 的主机部分)**

var url = window.location.host;
    alert(url);
    //返回：http://localhost

**4、window.location.port (设置或获取与 URL 关联的端口号码)**

var url = window.location.port;
    alert(url);
    //返回：8080

**5、window.location.pathname (设置或获取与 URL 的路径部分)**

var url = window.location.pathname;
    alert(url);
    //返回：/user/login

**6、window.location.search (设置或获取 href 属性中跟在问号后面的部分)**

var url  = window.location.search;
    alert(url );
    //返回：?userName=aa&password=124
    （PS：获得查询（参数）部分，除了给动态语言赋值以外，
    我们同样可以给静态页面，并使用javascript来获得相信应的参数值。）

**7、window.location.hash (设置或获取 href 属性中在井号“\#”后面的分段)**

var url = window.location.hash;
    alert(url);
    //返回：空字符(因为url中没有)

参考：[https://www.jianshu.com/p/073f79c5e438][https_www.jianshu.com_p_073f79c5e438]

[https_www.jianshu.com_p_073f79c5e438]: https://www.jianshu.com/p/073f79c5e438

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 js获取上一个页面url

> <html> > > <head> > > <title>js获取上一页url,js获取前一页地址,javascripts获取上一页url,javascript获取前一

曾经终败给现在/ 2024年02月18日 23:27/ 0 赞/ 30 阅读

相关 jquery获取当前页面的URL信息

1、设置或获取对象指定的文件名或路径。 window.location.pathname 例：http://localhost:8086/topic/index?top

叁歲伎倆/ 2023年08月17日 17:38/ 0 赞/ 139 阅读

相关 jquery获取当前页面的URL信息

以前在做网站的时候，经常会遇到当前页的分类高亮显示，以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大，也不便于修改。一直在想有什么简便的方法实现。后来在

缺乏、安全感/ 2023年07月03日 10:37/ 0 赞/ 6 阅读

相关如何用js得到当前页面的url信息方法(JS获取当前网址信息)

如何用js得到当前页面的url信息方法(JS获取当前网址信息) 1，设置或获取对象指定的文件名或路径。 alert(window.location.pathname)

小鱼儿/ 2023年06月08日 15:00/ 0 赞/ 23 阅读

相关 JS获取页面URL信息整理

http://localhost:8080/user/login?userName=aa&password=124 1、window.location.href (设置或获取

待我称王封你为后i/ 2023年02月25日 14:25/ 0 赞/ 3 阅读

相关 js如何准确获取当前页面url网址信息

在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部

红太狼/ 2022年12月26日 04:54/ 0 赞/ 230 阅读

相关 js获取当前页面的URL信息

设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(win

r囧r小猫/ 2022年08月18日 11:56/ 0 赞/ 290 阅读

相关 JQUERY获取当前页面的URL信息

以前在做网站的时候，经常会遇到当前页的分类高亮显示，以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大，也不便于修改。一直在想有什么简便的方法实现。后来在

淡淡的烟草味﹌/ 2022年06月03日 06:22/ 0 赞/ 265 阅读

相关如何用js得到当前页面的url信息方法(JS获取当前网址信息)

1，设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 2，设置或获取整个 URL 为字符串。 aler

青旅半醒/ 2022年05月31日 10:42/ 0 赞/ 252 阅读

相关 js获取当前页面的URL

在很多场景中我们需要在某个界面（不能确定的界面）跳转到另一个界面进行某项操作，然后操作完毕之后重新跳转到之前的页面（如浏览商品的过程中进行登录，登录后返回到浏览商品的界面），因

Myth丶恋晨/ 2021年09月26日 06:22/ 0 赞/ 515 阅读