码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-08-16 19:54:04      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:两种方法   注意   net   path   fun   oca   问题   就是   名称   

  1. JS获取当前域名有两种方法
方法一:var domain =document.domain;

 

方法二:var domain =window.location.host;

 

注意问题:
由于获取到的当前域名不包括 http://,所以把获取到的域名赋给 a 标签的 href 时,别忘了加上 http://,否则单击链接时导航会出错
 
 
  1. 获取当前URL的4种方式
  2. 获取当前URL参数的方法
方式一:varurl =window.location.href;
 
方式二: varurl =self.location.href;
 
方式三:varurl = document.URL;
 
方式四: varurl =document.location;
 
注意问题:ie 地址栏显示的是什么,获取到的 url 就是什么。
 
 
3.  获取相对路径的方法
首先获取 Url,然后把 Url 通过 // 截成两部分,再从后一部分中截取相对路径。如果截取到的相对路径中有参数,则把参数去掉。
 
  functionGetUrlRelativePath()
  {
    varurl =document.location.toString();
    vararrUrl = url.split("//");
 
    var start = arrUrl[1].indexOf("/");
    varrelUrl = arrUrl[1].substring(start);//stop省略,截取从start开始到结尾的所有字符
 
    if(relUrl.indexOf("?") != -1){
      relUrl= relUrl.split("?")[0];
    }
    returnrelUrl;
  }
 
调用方法:GetUrlRelativePath();

举例:假如当前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7,则截取到的相对路径为:/pub/item.aspx。
 
 
 
 
functionGetUrlPara()
  {
    varurl =document.location.toString();
    vararrUrl = url.split("?");
 
    varpara = arrUrl[1];
    returnpara;
  }
 
  调用方法:GetUrlPara()
 
  举例:假如当前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7,则截取到的参数部分为:t=osw7。

 

 

  1. 获取指定URL参数的方法
//paraName 等找参数的名称
  functionGetUrlParam(paraName) {
    varurl =document.location.toString();
    vararrObj = url.split("?");
 
    if (arrObj.length> 1) {
      vararrPara = arrObj[1].split("&");
      vararr;
 
      for (var i = 0; i <arrPara.length; i++) {
        arr= arrPara[i].split("=");
 
        if (arr != null&&arr[0] ==paraName) {
          returnarr[1];
        }
      }
      return "";
    }
    else {
      return "";
    }
  }
 
  调用方法:GetUrlParam("id");
 
  举例说明:
 
  假如当网页的网址有这样的参数 test.htm?id=896&s=q&p=5,则调用 GetUrlParam("p"),返回 5。

 

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

标签:两种方法   注意   net   path   fun   oca   问题   就是   名称   

原文地址:https://www.cnblogs.com/930115586qq/p/9488839.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!