導航:首頁 > 編程語言 > 獲取url地址js

獲取url地址js

 發布時間：2023-03-24 03:14:53

1. 前端使用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]);     //直接彈出第一個參數 （如果有多個參數 還要進行循環的）

  }

}

2. 如何使用js獲取修改URL

使用js對當前的URL進行操作，可以使用內置對象window.location；
window.location有以下屬性：
window.location.href：取得當前地址欄中的完整URL，可以通過賦值改變當前地址欄中的URL；
window.location.search 取得當前URL的參數部分，即「?」後面的部分（包括問號），可以通過賦值改變URL的參數部分；
window.location.hash：取得當前URL中包含的錨記，即「#」後面的部分（包括#），可以通過賦值改變URL的錨記部分;
window.location.host：取得當前URL中的主機信息，包括埠號，可以通過賦值改變主機信息；
window.location.hostname：取得當前URL中的域名部分，不包括埠號，可以通過賦值改變域名；
window.location.port：取得當前URL中的埠號，可以通過賦值改變埠號；
window.location.pathname：取得當前URL中的路徑信息，即域名與參數之間的部分，可以通過賦值改變當前URL的路徑；
window.location.protocol：取得當前URL的協議部分，比如http:，https:等，可以通過賦值改變URL的協議部分；
window.location有一下方法：
window.location.replace(url)：用傳入的URL字元串替代當前的URL，該方法會將歷史記錄中的URL一並替換掉，也就是說，這個方法會覆蓋之前的歷史記錄；
window.location.reload()：重新載入當前URL，相當於刷新；
window.location.assign(url)：載入傳入的URL，該方法不會覆蓋之前的歷史記錄；

3. js獲取url地址里的數據

var url = document.location.href;
var urlList = url.split('/');
var a = urlList[urlList.length-1].split('.')[0];

4. 如何用js得到當前頁面的url信息方法

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 的路徑部分（就是文件地址）)

5. js獲取url路徑信息

1，設置或獲取對象指定的文件名或路徑。

2，設置或獲取整個 URL 為字元串。

3，設置或獲取與 URL 關聯的埠號碼。

4，設置或獲取 URL 的協議部分。

5，設置或獲取 href 屬性中在井號「#」後面的分段。

6，設置或獲取 location 或 URL 的 hostname 和 port 號碼。

7，獲取 href 屬性中跟在問號後面的部分。

8，用來得到當前網頁的域名

6. js獲取歷史url

一、JS高手呢,獲取歷史網址

你的問題涉及到 Same Origin Policy（同源策略），這是一個關繫到隱私和安全性的問題。任何瀏覽器都不會給你機會讓你訪問 **異域** 歷史網址。

但是，如果這三個頁面在同一域名下，你可以使用 Javascript 的 document.cookie 來記錄每次訪問的網址。

我寫的例子需要4個文件，url_history.js,1.,2.,3.（三個 文件內容相同），代碼寫在空間（hi./keneks/item/50699e21f9300d0c72863e4d）

復制粘貼，將 url_history.js 和其它三個 文件放在一起，訪問任何一個頁面，點擊任何鏈接，上面會自動顯示曾經訪問過的頁面。

歷史網址以 array 形式保存在 url_history 變數中，所以 url_history[0] 為上一個，url_history[1] 為上上一個，以此類推。

二、js如何獲取前兩頁的url

<script> var backurl=document.referrer; alert(backurl);</script>；但是有的瀏覽器不支持的，如果是同個域名下通過此方式跳轉的，那麼我們可以通過訪問windoww.opener對象去獲取丟失的referrer信息。

代碼如下：<script type=text/javascript> var referrer = document.referrer; if (!referrer) { try { if (window.opener) { // IE下如果跨域則拋出許可權異常 // Safari和Chrome下window.opener.location沒有任何屬性 referrer = window.opener.location.href; } } catch (e) {} }</script>；你的q號，我一會遠程助你。

三、如何使用js獲取修改URL

使用js對當前的URL進行操作，可以使用內置對象window.location;window.location有以下屬性：window.location.href：取得當前地址欄中的完整URL，可以通過賦值改變當前地址欄中的URL;window.location.search 取得當前URL的參數部分，即「？」後面的部分（包括問號），可以通過賦值改變URL的參數部分；window.location.hash：取得當前URL中包含的錨記，即「#」後面的部分（包括#），可以通過賦值改變URL的錨記部分；window.location.host：取得當前URL中的主機信息，包括埠號，可以通過賦值改變主機信息；window.location.hostname：取得當前URL中的域名部分，不包括埠號，可以通過賦值改變域名；window.location.port：取得當前URL中的埠號，可以通過賦值改變埠號；window.location.pathname：取得當前URL中的路徑信息，即域名與參數之間的部分，可以通過賦值改變當前URL的路徑；window.location.protocol：取得當前URL的協議部分，比如:,：等，可以通過賦值改變URL的協議部分；window.location有一下方法：window.location.replace(url)：用傳入的URL字元串替代當前的URL，該方法會將歷史記錄中的URL一並替換掉，也就是說，這個方法會覆蓋之前的歷史記錄；window.location.reload（)：重新載入當前URL，相當於刷新；window.location.assign(url)：載入傳入的URL，該方法不會覆蓋之前的歷史記錄；。

四、JS獲取幾種URL地址的方法

下面為使用JS獲取MAC地址、IP地址及主機名的方法：復制代碼代碼如下：<meta -equiv="Content-Type" content="text/; charset=gbk"><body> 。

五、js中如何獲取前一個頁面的url

獲取的方法如下：

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

2、設置或獲取與 URL 關聯的埠號碼： window.location.port

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

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

5、獲取變數的值（截取等號後面的部分）

6、設置或獲取 URL 的協議部分： window.location.protocol

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

8、設置或獲取 location 或 URL 的 hostname 和 port 號碼： window.location.host

六、如何使用js獲取修改URL

使用js對當前的URL進行操作，可以使用內置對象window.location;

window.location有以下屬性：

window.location.href：取得當前地址欄中的完整URL，可以通過賦值改變當前地址欄中的URL;

window.location.search 取得當前URL的參數部分，即「？」後面的部分（包括問號），可以通過賦值改變URL的參數部分；

window.location.hash：取得當前URL中包含的錨記，即「#」後面的部分（包括#），可以通過賦值改變URL的錨記部分；

window.location.host：取得當前URL中的主機信息，包括埠號，可以通過賦值改變主機信息；

window.location.hostname：取得當前URL中的域名部分，不包括埠號，可以通過賦值改變域名；

window.location.port：取得當前URL中的埠號，可以通過賦值改變埠號；

window.location.pathname：取得當前URL中的路徑信息，即域名與參數之間的部分，可以通過賦值改變當前URL的路徑；

window.location.protocol：取得當前URL的協議部分，比如:,：等，可以通過賦值改變URL的協議部分；

window.location有一下方法：

window.location.replace(url)：用傳入的URL字元串替代當前的URL，該方法會將歷史記錄中的URL一並替換掉，也就是說，這個方法會覆蓋之前的歷史記錄；

window.location.reload（)：重新載入當前URL，相當於刷新；

window.location.assign(url)：載入傳入的URL，該方法不會覆蓋之前的歷史記錄；

7. 如何用JS得到當前頁面的URL信息

設置或獲取對象指定的文件名或路徑。x0dx0ax0dx0ax0dx0a設置或獲取整個URL為字元串。x0dx0ax0dx0a設置或獲取與URL關聯的埠號碼。x0dx0ax0dx0ax0dx0a設置或獲取URL的協議部分。x0dx0ax0dx0ax0dx0a設置或獲取href屬性中在井號「#」後面的分段。x0dx0ax0dx0ax0dx0a設置或獲取location或URL的hostname和port號碼。x0dx0ax0dx0ax0dx0a設置或獲取href屬性中跟在問號後面的部分。x0dx0a

8. 用js獲取上一個頁面的完整的url地址

試試

alert(document.referrer);

9. 如何通過js獲取url地址的參數

js可以通過以下方法獲取地址的參數：

1、比如有如下url請求：
http://..com/question/586494936989579005.html?entry=business_qb&ishq=1
2、可以用一下方法獲取參數：
var params = function(str) {
function urldecode(str) {
return decodeURIComponent((str+'').replace(/\+/g, '%20'));
}

function transformToAssocArray( prmstr ) {
var params = {};
var prmarr = prmstr.split("&");
for ( var i = 0; i < prmarr.length; i++) {
var tmparr = prmarr[i].split("=");
params[tmparr[0]] = urldecode(tmparr[1]);
}
return params;
}

var prmstr = window.location.search.substr(1);
return prmstr != null && prmstr != "" ? transformToAssocArray(prmstr) : {};
}();

10. JS獲取幾種URL地址的方法

下面為使用獲取MAC地址、IP地址及主機名的方法：

復制代碼代碼如下:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
</head>

<body>
<object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" style="display:none;visibility:hidden"></object>
<object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo" style="display:none;visibility:hidden"></object>
<form name="myForm">
<br/>MAC地址：<input type="text" name="macAddress">
<br/>IP地址：<input type="text" name="ipAddress">
<br/>主機名：<input type="text" name="hostName">
</form>
</body>
</html>
<script language="javascript">
var sMacAddr="";
var sIPAddr="";
var sDNSName="";
var service = locator.ConnectServer();
service.Security_.ImpersonationLevel=3;
service.InstancesOfAsync(foo, 'Win32_NetworkAdapterConfiguration');
</script>
<script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript">
if(objObject.IPEnabled != null && objObject.IPEnabled != "undefined" && objObject.IPEnabled == true){
if(objObject.IPEnabled && objObject.IPAddress(0) !=null && objObject.IPAddress(0) != "undefined")
sIPAddr = objObject.IPAddress(0);
if(objObject.MACAddress != null &&objObject.MACAddress != "undefined")
sMacAddr = objObject.MACAddress;
if(objObject.DNSHostName != null &&objObject.DNSHostName != "undefined")
sDNSName = objObject.DNSHostName;
}
</script>
<script FOR="foo" EVENT="OnCompleted(hResult,pErrorObject, pAsyncContext)" LANGUAGE="JScript">
myForm.macAddress.value=sMacAddr;
myForm.ipAddress.value=sIPAddr;
myForm.hostName.value=sDNSName;
</script>

閱讀全文

與獲取url地址js相關的資料

熱點內容
950底欄代碼 瀏覽：983
cnc圓弧怎麼樣編程 瀏覽：199
java二叉堆 瀏覽：850
少兒編程後會怎麼樣 瀏覽：783
ps去掉掃描文件無效部分 瀏覽：191
快速創建文件夾路徑路徑 瀏覽：849
京東app虛擬試衣 瀏覽：136
三星電視智能升級卡 瀏覽：327
word文件字型大小 瀏覽：460
word文檔去除下劃線 瀏覽：576
貝多芬交響曲版本 瀏覽：532
下載的視頻文件損壞了 瀏覽：119
怎麼把jpg轉成cad格式的文件大小 瀏覽：674
如何編程真人快打 瀏覽：57
double運行數據最長多少 瀏覽：367
tr90如何看數據 瀏覽：418
word裡面插了一個文件怎麼打開 瀏覽：40
蘋果7限時秒殺1999元 瀏覽：748
如何提升app推送觸達率 瀏覽：584
vba用kill刪除文件路徑錯誤 瀏覽：648

友情鏈接