導航:首頁 > 編程語言 > js獲得當前頁面地址

js獲得當前頁面地址

發布時間:2024-06-27 20:28:17

A. 利用js拿到當前頁面的url,並將地址賦值給某變數

var StrUrl=window.location.href;

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

設置或獲取對象指定的文件名或路徑。
<script>
alert(window.location.pathname)
</script>

設置或獲取整個 URL 為字專符串。
<script>

alert(window.location.href);
</script>
設置或獲取與 URL 關聯的埠屬號碼。
<script>
alert(window.location.port)
</script>

設置或獲取 URL 的協議部分。
<script>
alert(window.location.protocol)
</script>

設置或獲取 href 屬性中在井號「#」後面的分段。
<script>
alert(window.location.hash)
</script>

設置或獲取 location 或 URL 的 hostname 和 port 號碼。
<script>
alert(window.location.host)
</script>

設置或獲取 href 屬性中跟在問號後面的部分。
<script>
alert(window.location.search)
</script>

C. JS 調用當前頁面url

嚴謹一點最來好在form提交的時候自再對當前頁地址取值:

$(function(){
varurl="{fy:dir}user/Checklogin.asp?Action=LoginCheck&olrl="+window.location.href;
$("#FormID").attr("action",url);
});

form直接寫在代碼里,不用js輸出吧:

<formaction=""id="FormID"method="post"class="simformulogin">

D. 如何用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 的路徑部分(就是文件地址))

E. js中如何獲取當前瀏覽器地址的值

js中通過window.location.href和document.location.href、document.URL獲取當前瀏覽器的地址的值,它們的的區別是:x0dx0a1、document表示的是一個孝仔衡文檔對象,window表示的是一個窗口對象,巧做一個窗口下可以有多個文檔對象。所以一個窗口下只有一個window.location.href,但是可能有多個document.URL、document.location.hrefx0dx0a2、window.location.href和document.location.href可以被賦值,然後跳轉到其它頁面,document.URL只能讀不能寫x0dx0a3、document.location.href和document.location.replace都可以實現從A頁面切換到B頁面,但他們的區別是:x0dx0a用document.location.href切換後,可以退回到原頁面。x0dx0a而用document.location.replace切換後,不可以通過「後退」退回到原頁戚悶面。

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

  }

}

G. js獲取當前頁面的url網址信息

1、設置或獲取整個
URL
為字元串:
window.location.href
2、設置或獲取與
URL
關聯的埠號碼:
window.location.port
3、設置或獲取
URL
的協議部分
window.location.protocol
4、設置或獲取
href
屬性中跟在問號後面的部分
window.location.search
5、獲取變數的值(截取等號後面的部分)
復制代碼
代碼如下:
var
url
=
window.location.search;
//
alert(url.length);
//
alert(url.lastIndexOf('='));
var
loc
=
url.substring(url.lastIndexOf('=')+1,
url.length);
6、設置或獲取
URL
的協議部分:
window.location.protocol
7、設置或獲取
href
屬性中在井號「#」後面的分段:
window.location.hash
8、設置或獲取
location

URL

hostname

port
號碼:
window.location.host

閱讀全文

與js獲得當前頁面地址相關的資料

熱點內容
android連接網路列印機 瀏覽:195
linuxsftp如何上傳文件 瀏覽:603
蘋果文件覆蓋 瀏覽:327
網路足彩名人有哪些 瀏覽:639
pc共享網路給電腦 瀏覽:796
linuxkill重啟進程 瀏覽:658
sketchup景觀教程 瀏覽:730
win10管理找不到模塊 瀏覽:472
蘋果手機查看電腦文件 瀏覽:61
微信不訪問視頻文件夾嗎 瀏覽:259
文件夾加密大師注冊碼 瀏覽:1
onedrive怎麼上傳文件 瀏覽:488
android多線程寫文件棧溢出 瀏覽:242
台電酷閃量產工具 瀏覽:837
如何破壞文件 瀏覽:15
從什麼網站上查找國家標准 瀏覽:254
iphone5s最省電的瀏覽器 瀏覽:225
用數據線如何接攝像頭 瀏覽:110
qq手機電腦互傳文件 瀏覽:613
linux內核升級方法 瀏覽:986

友情鏈接