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