JavaScript 获取当前URL信息

青旅半醒 2023-03-02 10:53 14阅读 0赞

**示例URL**

> **http://http://127.0.0.1:8080/testdemo/test.html?id=1&name=test**

// 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test
    var url = window.location.href;
    // 返回所使用的 web 协议，如：http:
    var protocol = window.location.protocol;
    // 返回当前页面的路径和文件名，如：/testdemo/test.html
    var pathname = window.location.pathname;
    // 获取主机地址和端口号， 如：http://127.0.0.1:8080
    var host = window.location.host;
     // 获取主机地址， 如：http://127.0.0.1/ 
    var hostname = window.location.hostname; 
    // 返回 web 主机的端口，如：8080
    var port = window.location.port;
    // 获取参数，如：?id=1&name=test
    var search = window.location.search;
    // 获取锚点（“#”后面的分段）
    var hash = window.location.hash;
    
    
    
    // 通过参数名获取url中的参数值*
    var id = urlSearch('id'); // 1
    var name = urlSearch('name'); // test
    
    function urlSearch(parmas) {
      let href = window.location.href
      let query = href.substring(href.indexOf('?')+1);
      let vars = query.split("&");
      for (var i = 0; i < vars.length; i++) {
        let pair = vars[i].split("=");
        if(pair[0] == parmas){
          return pair[1];
        }
      }
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 vue获取当前页面url网址信息

系列文章目录 -------------------- 文章目录系列文章目录前言一、window.location.href(设置或获取整

朱雀/ 2023年10月12日 14:01/ 0 赞/ 59 阅读

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

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

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

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

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

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

相关 JavaScript 获取当前URL信息

示例URL > http://http://127.0.0.1:8080/testdemo/test.html?id=1&name=test // 返回 web 主

青旅半醒/ 2023年03月02日 10:53/ 0 赞/ 15 阅读

相关 html 获取当前域名,js获得当前url,javascript获取当前页面url值,js获取域名

thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.hr

傷城~/ 2022年10月05日 09:56/ 0 赞/ 472 阅读

相关 javaScript获取当前Url的方法

1.(获取全部的url) 方法1：var thisURL = document.URL; // http://localhost:81/admin/we

╰+攻爆jí腚メ/ 2022年08月20日 08:15/ 0 赞/ 267 阅读

相关 javascript动态获取当前页面的url

javascript动态获取当前页面的url 1.获取当前页面的url window.location.href 例如： var url = window.loc

╰+哭是因爲堅強的太久メ/ 2022年08月18日 11:59/ 0 赞/ 192 阅读

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

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

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

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

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

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

相关 Jquery获取当前URL的详细信息

jquery获取当前页面的URL信息设置或获取对象指定的文件名或路径。 window.location.pathname 例：[http://localhos

àì夳堔傛蜴生んèń/ 2022年04月25日 10:06/ 0 赞/ 239 阅读