首页 > web前端 > js教程 > 正文

js获取当前域名、Url、相对路径和参数以及指定参数的方法

不言
发布: 2018-07-09 17:06:05
原创
3137 人浏览过

这篇文章主要介绍了关于js获取当前域名、Url、相对路径和参数以及指定参数的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

一、js获取当前域名的2种方法
 方法一

 var domain = document.domain;
登录后复制

 方法二

var domain = window.location.host;
登录后复制

 注意:由于获取到的当前域名不包括http://,所以把获取到的域名赋给 a 标签的 href 时,别忘了加上http://,否则单击链接时导航会出错。

二、获取当前Url的4种方法

var url = window.location.href;
  var url = self.location.href;
  var url = document.URL;
  var url = document.location;
登录后复制

  注意:地址栏显示的是什么,获取到的URL就是什么。

三、获取当前相对路径的方法
 首先获取Url,然后把Url通过//截成两部分,再从后一部分中截取相对路径。如果截取到的相对路径中有参数,则把参数去掉。

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();
举例:假如当前Url是http//www.liangshunet.com/pub/item.aspx?t=osw7,则截取到的相对路径为:/pub/item.aspx。

四、获取当前Url参数的方法
 1、获取Url参数部分

function GetUrlPara()
  {
    var url = document.location.toString();
    var arrUrl = url.split("?");
    var para = arrUrl[1];
    return para;
  }
登录后复制

  调用方法:GetUrlPara()
  举例:假如当前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7,则截取到的参数部分为:t=osw7。

五、获取指定Url参数的方法 

//paraName 等找参数的名称
  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");
  举例:假如当网页的网址有这样的参数 test.htm?id=896&s=q&p=5,则调用 GetUrlParam("p"),返回 5。

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

js原生左滑删除

AngularJs与Angular 常用的指令写法的区别

以上是js获取当前域名、Url、相对路径和参数以及指定参数的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板