js擷取頁面url中的各項值

標籤：js

一、 通過window.location擷取各項參數

1、擷取頁面完整的url

url = window.location.href;

2、擷取頁面的網域名稱

host = window.location.host;

host2=document.domain;

 

650) this.width=650;" src="http://images2015.cnblogs.com/blog/315302/201612/315302-20161207103219632-33294946.png" style="margin:0px;padding:0px;border:0px;" />

應用情境：頁面跳轉，開發環境和測試環境網域名稱不同，所以需要動態擷取後進行拼接跳轉的url。

二、javascript正則擷取url中的參數1、通過substr配合split擷取

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;padding:0px;border:none;" />

//正則擷取url中的參數    function URL_Request(strName) {    var strHref = document.location.toString();    var intPos = strHref.indexOf("?");    var strRight = strHref.substr(intPos + 1); //==========擷取到右邊的參數部分    var arrTmp = strRight.split("&"); //=============以&分割成數組    for (var i = 0; i < arrTmp.length; i++) //===========迴圈數組    {        var dIntPos = arrTmp[i].indexOf("=");        var paraName = arrTmp[i].substr(0, dIntPos);        var paraData = arrTmp[i].substr(dIntPos + 1);        if (paraName.toUpperCase() == strName.toUpperCase()) {            return paraData;        }    }    return "";    }

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;padding:0px;border:none;" />

使用：

var pbtradeId=URL_Request("tradeId");

2、通過split擷取【update20170503】

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;padding:0px;border:none;" />

function getQueryString(str, key) {    if(str) {        var queryString = str.split(‘?‘)[1] || ‘‘;        var arr = queryString.split(‘&‘) || [];        for(var i = 0; i<arr.length; i++) {            var keyString = decodeURIComponent(arr[i].split(‘=‘)[0]);            var valueString = decodeURIComponent(arr[i].split(‘=‘)[1]);            if(key === keyString) {                return valueString;            }        }        return;    } else {        return;    }}getQueryString(location.search, ‘pageId‘);

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;padding:0px;border:none;" />

js擷取頁面url中的各項值