美文网首页
js获取url以及url中的参数方法

js获取url以及url中的参数方法

作者: 陌紫嫣 | 来源:发表于2018-07-06 11:09 被阅读0次

    1.实现效果:比如 你在没登录,需要登录,登陆完 之后 但还想回这个页面, 可以把这个当成参数传过去(不包括第三方登陆)

     layer.msg("请先登录", {time: 1500}, function(){
         window.location.href = "/user/#/login/direct=direct/redirect=" + encodeURIComponent(window.location.href);
       });
    

    2.js获取当前Url的4种方法

    1. var url = window.location.href;
    2. var url = document.URL
    3. var url = self.location.href;
    4. var url = document.location;

    3.获取当前Url参数的方法

    function GetUrlPara()
      {
        var url = document.location.toString();
        var arrUrl = url.split("?");
    
        var para = arrUrl[1];
        return para;
      }
    
      调用方法:GetUrlPara()
    

    4.获取指定Url参数的方法

    function GetUrlParam(paraName) {
        var url = document.location.toString();
        var arrObj = url.split("?");
    
        if (arrObj.length > 1) {
          var arrPara = arrObj[1].split("&");
          var arr;
    
          for (var i = 0; i < arrPara.length; i++) {
            arr = arrPara[i].split("=");
    
            if (arr != null && arr[0] == paraName) {
              return arr[1];
            }
          }
          return "";
        }
        else {
          return "";
        }
      }
    
      调用方法:GetUrlParam("id");
    

    5.获取当前相对路径的方法

    function GetUrlRelativePath()
      {
        var url = document.location.toString();
        var arrUrl = url.split("//");
    
        var start = arrUrl[1].indexOf("/");
        var relUrl = arrUrl[1].substring(start);//stop省略,截取从start开始到结尾的所有字符
    
        if(relUrl.indexOf("?") != -1){
          relUrl = relUrl.split("?")[0];
        }
        return relUrl;
      }
    
      调用方法:GetUrlRelativePath();
    

    转载:https://www.cnblogs.com/wangdahai/p/6221399.html

    相关文章

      网友评论

          本文标题:js获取url以及url中的参数方法

          本文链接:https://www.haomeiwen.com/subject/giqvuftx.html