js获取当前域名页面URL地址与参数的方法

JS如何获取当前页面的域名或当前页面的URL参数呢？项目中需要JS取得当前页面URL参数部分，今天就跟大家分享下：js获取当前域名页面URL地址与参数的方法代码。

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

var domain = document.domain;//1、方法一

var domain = window.location.host;//2、方法二

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

二、javascript获取url中各个部分的功能方法

window.location.host; //返回url 的主机部分，例如：www.xxx.com

window.location.hostname; //返回www.xxx.com

window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏)，例如：www.xxx.com/index.php?class_id=3&id=2

window.location.pathname; //返回/a/index.php或者/index.php

window.location.protocol; //返回url 的协议部分，例如： http:，ftp:，maito:等等。

window.location.port //url 的端口部分，如果采用默认的80端口，那么返回值并不是默认的80而是空字符

三、JS获取当前Url的4种方法

var url = window.location.href;

var url = self.location.href;

var url = document.URL;

var url = document.location;

地址栏显示的是什么，获取到的 url 就是什么。

四、JS获取当前相对路径的方法

首先获取 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.qdxw.net/seo/item.aspx?t=osw7，则截取到的相对路径为：/seo/item.aspx。

五、JS获取当前Url参数的方法

function GetUrlPara()

{

var url = document.location.toString();

var arrUrl = url.split("?");

var para = arrUrl[1];

return para;

}

调用方法：GetUrlPara()

举例：假如当前 Url 是 http//www.qdxw.net/pub/item.aspx?t=osw7，则截取到的参数部分为：t=osw7。

六、JS获取当前页面URL传递过来的参数方法

function GetQueryString(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");

var r = window.location.search.substr(1).match(reg);

if (r!=null) return (r[2]); return null;

}

var sname = GetQueryString("name");

if(sname!=null)

{

var sname_ = decodeURIComponent(sname);

alert(sname_);

}

测试：abcd.html?name=xyz应该弹出xyz