當前位置:首頁 » 網頁前端 » 前端地址識別
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端地址識別

發布時間: 2022-11-15 14:26:36

前端使用js如何准確獲取當前頁面url網址信息

在WEB開發中,時常會用到javascript來獲取當前頁面的url網址信息,在這里是我的一些獲取url信息的小總結。

下面我們舉例一個URL,然後獲得它的各個組成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1

1、window.location.href(設置或獲取整個 URL 為字元串)

var test = window.location.href;

alert(test);

返回:http://i.cnblogs.com/EditPosts.aspx?opt=1

2、window.location.protocol(設置或獲取 URL 的協議部分)

var test = window.location.protocol;

alert(test);

返回:http:

3、window.location.host(設置或獲取 URL 的主機部分)

var test = window.location.host;

alert(test);

返回:i.cnblogs.com

4、window.location.port(設置或獲取與 URL 關聯的埠號碼)

var test = window.location.port;

alert(test);

返回:空字元(如果採用默認的80埠(update:即使添加了:80),那麼返回值並不是默認的80而是空字元)

5、window.location.pathname(設置或獲取與 URL 的路徑部分(就是文件地址))

var test = window.location.pathname;

alert(test);

返回:/EditPosts.aspx

6、window.location.search(設置或獲取 href 屬性中跟在問號後面的部分)

var test = window.location.search;

alert(test);

返回:?opt=1

PS:獲得查詢(參數)部分,除了給動態語言賦值以外,我們同樣可以給靜態頁面,並使用javascript來獲得相信應的參數值。

7、window.location.hash(設置或獲取 href 屬性中在井號「#」後面的分段)

var test = window.location.hash;

alert(test);

返回:空字元(因為url中沒有)

8、js獲取url中的參數值

一、正則法

function getQueryString(name) {  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');  var r = window.location.search.substr(1).match(reg);  if (r != null) {    return unescape(r[2]);  }  return null;}// 這樣調用:alert(GetQueryString("參數名1"));  alert(GetQueryString("參數名2"));  alert(GetQueryString("參數名3"));

二、split拆分法

function GetRequest() {

  var url = location.search; //獲取url中"?"符後的字串

  var theRequest = new Object();

  if (url.indexOf("?") != -1) {

    var str = url.substr(1);

    strs = str.split("&");

    for(var i = 0; i < strs.length; i ++) {

      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

  }

  return theRequest;

}

var Request = new Object();

Request = GetRequest();<br>// var id=Request["id"];

// var 參數1,參數2,參數3,參數N;

// 參數1 = Request['參數1'];

// 參數2 = Request['參數2'];

// 參數3 = Request['參數3'];

// 參數N = Request['參數N'];

三、指定取

比如說一個url:http://i.cnblogs.com/?j=js,我們想得到參數j的值,可以通過以下函數調用。

function GetQueryString(name) {

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

  var r = window.location.search.substr(1).match(reg); //獲取url中"?"符後的字元串並正則匹配

  var context = "";

  if (r != null)

    context = r[2];

  reg = null;

  r = null;

  return context == null || context == "" || context == "undefined" ? "" : context;

}

alert(GetQueryString("j"));

四、單個參數的獲取方法

function GetRequest() {

  var url = location.search; //獲取url中"?"符後的字串

  if (url.indexOf("?") != -1) {  //判斷是否有參數

  var str = url.substr(1); //從第一個字元開始 因為第0個是?號 獲取所有除問號的所有符串

  strs = str.split("=");  //用等號進行分隔 (因為知道只有一個參數 所以直接用等號進分隔 如果有多個參數 要用&號分隔 再用等號進行分隔)

  alert(strs[1]);    //直接彈出第一個參數 (如果有多個參數 還要進行循環的)

  }

}

一、正則法

functiongetQueryString(name) {

  varreg = newRegExp('(^|&)'+ name + '=([^&]*)(&|$)', 'i');

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

  if(r != null) {

    returnunescape(r[2]);

  }

  returnnull;

}

// 這樣調用:

alert(GetQueryString("參數名1"));

alert(GetQueryString("參數名2"));

alert(GetQueryString("參數名3"));

二、split拆分法

functionGetRequest() {

  varurl = location.search; //獲取url中"?"符後的字串

  vartheRequest = newObject();

  if(url.indexOf("?") != -1) {

    varstr = url.substr(1);

    strs = str.split("&");

    for(vari = 0; i < strs.length; i ++) {

      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

  }

  returntheRequest;

}

varRequest = newObject();

Request = GetRequest();<br>// var id=Request["id"];

// var 參數1,參數2,參數3,參數N;

// 參數1 = Request['參數1'];

// 參數2 = Request['參數2'];

// 參數3 = Request['參數3'];

// 參數N = Request['參數N'];

三、指定取

比如說一個url:http://i.cnblogs.com/?j=js,我們想得到參數j的值,可以通過以下函數調用。

functionGetQueryString(name) {

  varreg = newRegExp("(^|&)"+ name + "=([^&]*)(&|$)", "i");

  varr = window.location.search.substr(1).match(reg); //獲取url中"?"符後的字元串並正則匹配

  varcontext = "";

  if(r != null)

     context = r[2];

  reg = null;

  r = null;

  returncontext == null|| context == ""|| context == "undefined"? "": context;

}

alert(GetQueryString("j"));

四、單個參數的獲取方法

functionGetRequest() {

  varurl = location.search; //獲取url中"?"符後的字串

  if(url.indexOf("?") != -1) {  //判斷是否有參數

   varstr = url.substr(1); //從第一個字元開始 因為第0個是?號 獲取所有除問號的所有符串

   strs = str.split("=");  //用等號進行分隔 (因為知道只有一個參數 所以直接用等號進分隔 如果有多個參數 要用&號分隔 再用等號進行分隔)

   alert(strs[1]);     //直接彈出第一個參數 (如果有多個參數 還要進行循環的)

  }

}

❷ 有沒有前端大佬寫過一種方法,根據任意地址拿到該地址所對應的省市區的方法

貨拉拉上面輸入地址。

❸ 求大神前端名詞解釋:URL、路徑、地址、域名,最好能舉例說明

這幾個詞除了url和域名指代非常明確,其他都是翻譯的所以有時會有混用的情況——比如A書里說的地址,有可能就是B書里說的url或者路徑,但是一般來說解釋如下:
url是資源地址——格式如下:
協議://用戶名:密碼@子域名.域名.頂級域名:埠號/目錄/文件名.文件後綴?參數=值#標志
比如:
http://www..com/
file:///C:/Users/computer/Desktop/abcd.pdf
http://192.168.0.1:8080/abcd/a.php?file=abcd
路徑一般指文件路徑,分為相對路徑和絕對路徑:
相對路徑:../images/a.jpg
絕對路徑:C:\
地址一般說的是ip地址:
192.168.0.1
域名說的是由綁定了ip地址,由DNS解析的別名,通俗的說就是我們訪問網站的根網址比如:
www..com
這就是一個域名

❹ modbus 匯流排靠地址識別設備 canopen匯流排靠什麼識別

MODBUS TCP通訊,可以有多種識別前端設備的方式,識別IP地址,或設備ID,或者DTU (GPRS通訊設備,打開透傳模式會自動上線後發首發注冊包)首發包的的識別碼(一般是最多15個ASCII符號),來識別。如果固定IP,通過識別IP地址最可靠,如果是非固定IP只能識別設備ID,或者DTU的身份識別碼。
CANOPEN沒用過,剛查了資料,應該也能通過IP來識別,或者按設備ID,只是設備ID是11位二進制碼,格式不清楚。CANOPEN是一種工業匯流排,與MODBUS一樣也要通過乙太網介面,實現TCP通訊。

❺ 前端怎麼判斷是否獲取到地理位置

可以從請求跟響應這一過程判斷,如果前端已經把數據發送給了後端,後端沒有返回數據則是後端問題,如果前端在用戶輸入數據之後發送請求,前端沒有帶數據在請求中就是前端的問題,或者說後台已經傳回來了數據,但是到前端沒有顯示出來。這個也是前端問題。具體的話可以在瀏覽器中debug調試看看

❻ 用戶提交瀏覽器地址怎麼判斷鏈接有效 前端

通過伺服器返回的狀態碼可以判斷url是否有效
如果返回的狀態碼為2xx則鏈接正確
返回狀態碼為3xx鏈接有效但已經重定向到其他位置
返回狀態碼為4xx鏈接錯誤
返回狀態碼為5xx鏈接是正確的,但該鏈接的處理結果不正確,伺服器沒有正確的處理請求

❼ 求大神前端名詞解釋:URL、路徑、地址、域名,最好能舉例說明

這幾個詞除了url和域名指代非常明確,其他都是翻譯的所以有時會有混用的情況——比如A書里說的地址,有可能就是B書里說的url或者路徑,但是一般來說解釋如下:
url是資源地址——格式如下:
協議://用戶名:密碼@子域名.域名.頂級域名:埠號/目錄/文件名.文件後綴?參數=值#標志
比如:
http://www..com/
file:///C:/Users/computer/Desktop/abcd.pdf
http://192.168.0.1:8080/abcd/a.php?file=abcd
路徑一般指文件路徑,分為相對路徑和絕對路徑:
相對路徑:../images/a.jpg
絕對路徑:C:\
地址一般說的是ip地址:
192.168.0.1
域名說的是由綁定了ip地址,由DNS解析的別名,通俗的說就是我們訪問網站的根網址比如:
www..com
這就是一個域名

❽ eclipse中如何看項目前端地址

eclipse中可以在type-filter-text中查看項目前端地址。
在eclipse中打開type-filter-text,找到validation項。
validation項中有web-project-settings,其中context-root就是項目前端地址。

❾ 前端人員收到後台給的介面地址,怎樣判斷是否存在問題

直接放到瀏覽器搜索就曉得了