精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

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

Tags:js 域名 参数 当前页面