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

拼搏现实的明天。 2022-01-28 03:17 307阅读 0赞

# [js获取当前域名、Url、相对路径和参数以及指定参数][js_Url] #

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

![复制代码][copycode.gif]

1、方法一
    
    　　var domain = document.domain;
    
     
    
    　　2、方法二
    
    　　var domain = window.location.host;
    
     
    
    　　3、注意问题
    
    　　由于获取到的当前域名不包括 http://，所以把获取到的域名赋给 a 标签的 href 时，别忘了加上 http://，否则单击链接时导航会出错。

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

var url = window.location.href;
    
    　　var url = self.location.href;
    
    　　var url = document.URL;
    
    　　var url = document.location;
    
    　　ie 地址栏显示的是什么，获取到的 url 就是什么。

![复制代码][copycode.gif]

### 　　三、获取当前相对路径的方法 ###

![复制代码][copycode.gif]

首先获取 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。

![复制代码][copycode.gif]

### 　　四、获取当前Url参数的方法 ###

![复制代码][copycode.gif]

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。

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

//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。

[js_Url]: https://www.cnblogs.com/wangdahai/p/6221399.html
[copycode.gif]: /images/20220128/9ba3bed1b0774f949c51a37fc6af0860.png