首頁 > web前端 > js教程 > 主體

js取得目前網域名稱、Url、相對路徑和參數、指定參數的方法

不言
發布: 2018-07-09 17:06:05
原創
3137 人瀏覽過

這篇文章主要介紹了關於js獲取當前域名、Url、相對路徑和參數以及指定參數的方法,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

一、js取得目前網域的2種方法
 方法一

 var domain = document.domain;
登入後複製

 方法二

var domain = window.location.host;
登入後複製

 注意:由於取得到的目前網域不包括http: //,所以把取得到的網域名稱賦給a 標籤的href 時,別忘了加上http://,否則按一下連結時導覽會出錯。

二、取得目前Url的4種方法

var url = window.location.href;
  var url = self.location.href;
  var url = document.URL;
  var url = document.location;
登入後複製

  注意:網址列顯示的是什麼,取得到的URL就是什麼。

三、取得目前相對路徑的方法
 先取得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。

四、取得目前Url參數的方法
 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。

五、取得指定Url參數的方法

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

以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

js原生左滑刪除

#AngularJs與Angular 常用的指令寫法的差異

以上是js取得目前網域名稱、Url、相對路徑和參數、指定參數的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板