js獲取頁面參數_js中獲取參數的方法

⑴ js獲取頁面寬度和高度然後把值傳給DIV

(function(){
var option ={"auto_play":"0","file_id":"16092504232103639705","app_id":"1251580615","width":screen.width,"height":screen.height}; /*調用播放器進行播放*/
new qcVideo.Player( /*代碼中的id_video_container將會作為播放器放置的容器使用,可自行替換*/ "id_video_container", option ); })()

⑵ js使用正則獲取當前頁面url指定參數

網址： http://1.com/
調用： QueryString('name')
返回： null

網址： http://1.com/?name=cwj&age=21
調用： QueryString('name')
返回： cwj

現在隨便拿一個網址： https://m.weibo.cn/u/5902368392?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ，這個網址的 location 是：

所以這個地址的 location.search 是 ?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ，這就是需要執行匹配的字元串

match() 方法可在字元串內檢索指定的值，或找到一個或多個正則表達式的匹配。

存放匹配結果的數組。在這個方法中將匹配結果放在了數組 sValue 中。

RegExp 對象表示正則表達式

該對象接受兩個參數，第一個參數是一個字元串，指定了正則表達式的模式或其他正則表達式。第二個參數 i 代表著區分大小寫的匹配。

調用該方法： QueryString('wvr') ，根據以上正則表達式匹配出來的結果是：

要注意的是 match 方法返回的數組 0 位置是匹配的字元串，所以相應參數在 sValue[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]);     //直接彈出第一個參數（如果有多個參數還要進行循環的）

  }

}

⑷ JS獲取地址欄url參數

本章內容分為三部分：

開始之前先簡單了解一下

如：url地址: http://xxxxx:9010/test.html?leaf&le=2
window.location.search獲取到的就是 ?leaf&le=2 ;
window.location.search.substr(1)獲取到的就是 leaf&le=2 ;

一、JS獲取地址欄url參數：

如果你想獲取地址欄的其他參數，只需要執行 var 參數=getUrlParam('參數') ;
比如獲取參數a,執行 var a=getUrlParam('a') 就可以啦。簡單又實用。

二、解決請求介面亂碼問題
但是在我請求介面數據的時候，頁面獲取到是類似？？？這種亂碼。

然後我是這樣解決的：
1、發送方decodeURI編碼：

2、接收方encodeURI解碼
根據後台介面拼接url中使用encodeURI：

三、關於根據後台介面拼接url

整理筆記，不斷優化更新。如果有錯誤或可以優化的地方歡迎指出，互相學習，共同進步。
如果對你有用就點個小心心吧❤

⑸ js中獲取參數的方法

在頁面A傳值：

window.showModalDialog("ModalDialogFrame.aspx?Title=選擇組織部門&PageUrl=ParentTreeView.aspx",window,"dialogWidth=380px;dialogHeight=650px;status=no;center=yes;");

在頁面A傳值：

window.showModalDialog("ModalDialogFrame.aspx?Title=選擇組織部門&PageUrl=ParentTreeView.aspx",window,"dialogWidth=380px;dialogHeight=650px;status=no;center=yes;");viewplaintoclipboardprint?
在頁面ModalDialogFrame.aspx：

functionGetQueryString(sProp)

{

varre=newRegExp("[&,?]"+sProp+"=([^\&]*)","i");

vara=re.exec(document.location.search);

if(a==null)

return"";

returna[1];

}
在頁面ModalDialogFrame.aspx：
functionGetQueryString(sProp)
{
varre=newRegExp("[&,?]"+sProp+"=([^\&]*)","i");
vara=re.exec(document.location.search);
if(a==null)
return"";
returna[1];
}viewplaintoclipboardprint?

調用方法：

varurl=GetQueryString("PageUrl");//ParentTreeView.aspx

vartitle=GetQueryString("Title");//選擇組織部門

⑹ 在js中怎麼獲取jsp頁面的值

jsp在頁面上獲取java參數總共有以下方法：
（1）直接在URL請求後添加
如：<a href="thexuan.jsp?action=transparams&detail=directe")直接傳遞參數，特別的在使用response.sendRedirect做頁面轉向的時候，也可以用如下代碼： response.sendRedirect("thexuan.jsp?action=transparams&detail=directe") ，可用request.getParameter(name)取得參數
（2）jsp:param
它可以實現主頁面向包含頁面傳遞參數，如下：
<jsp:include page="Relative URL">
<jsp:param name="param name" value="paramvalue" />
</jsp:include>
還可以實現在使用jsp:forward動作做頁面跳轉時傳遞參數，如下：
<jsp:forward page="Relative URL">
<jsp:param name="paramname" value="paramvalue" />
</jsp:forward> 通過這種方式和一般的表單參數一樣的，也可以通過request.getParameter(name)取得參數
（3）設置session和request
通過顯示的把參數放置到session和request中，以達到傳遞參數的目的
session.setAttribute(name,value);
request.setAttribute(name,value)
取參數：value=(value className)session.getAttribute(name);
value=(value className)request.getAttribute(name);

⑺ jquery被LOAD的頁面如何通過JS獲得傳遞過來的參數

可以使用html5的sessionStorage：
1.原頁面載入的時候執行：sessionStorage.setItem("num", "123456");
2.載入的頁面獲取參數：var num=sessionStorage.getItem("num");

導航:首頁 > 編程語言 > js獲取頁面參數

js獲取頁面參數

與js獲取頁面參數相關的資料

友情鏈接