快捷導(dǎo)航

JavaScript實(shí)現(xiàn)QueryString獲取GET參數(shù)的方法

更新時(shí)間：2013年07月02日 17:14:52 作者：

本文為大家詳細(xì)介紹下如何通過(guò)JavaScript實(shí)現(xiàn)QueryString獲取GET參數(shù)，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助

 
<div id="page"> 
<select name="select1" id="select-type"> 
<option value="0">請(qǐng)選擇</option> 
<option value="1">企業(yè)</option> 
<option value="2">產(chǎn)品</option> 
</select> 
</div> 

復(fù)制代碼代碼如下:

 
QueryString = { 
data: {}, 
Initial: function () { 
var aPairs, aTmp; 
var queryString = new String(window.location.search); 
queryString = queryString.substr(1, queryString.length); //remove "?" 
aPairs = queryString.split("&"); 
for (var i = 0; i < aPairs.length; i++) { 
aTmp = aPairs[i].split("="); 
this.data[aTmp[0]] = aTmp[1]; 
} 
}, 
GetValue: function (key) { 
return this.data[key]; 
} 
} 

$(function () { 
//初始化 
QueryString.Initial(); 

var type = QueryString.GetValue("type"); 

if (typeof (type) != "undefined") { 
$("#select-type").val(type); 
} 

$("#select-type").bind("change", function () { 
var row = $(this).find("option:selected").val(); 

//alert(row); 
if (row == 1) 
location.href = "?type=" + row; 
if (row == 2) 
location.href = "?type=" + row; 
}); 
}); 

您可能感興趣的文章:

相關(guān)文章

關(guān)于JS與jQuery中的文檔加載問(wèn)題
本文通過(guò)實(shí)例代碼給大家講解了js和jquery中的文檔加載問(wèn)題，感興趣的的朋友一起看看吧
2017-08-08
js控制臺(tái)輸出的方法(詳解)
下面小編就為大家?guī)?lái)一篇js控制臺(tái)輸出的方法(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-11-11
JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別詳解
這篇文章主要介紹了JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
20分鐘成功編寫bootstrap響應(yīng)式頁(yè)面就這么簡(jiǎn)單
這篇文章主要教大家如何在20分鐘內(nèi)成功編寫bootstrap響應(yīng)式頁(yè)面，其實(shí)很簡(jiǎn)單，培養(yǎng)大家分分鐘開(kāi)發(fā)出一個(gè)高大上的頁(yè)面能力，感興趣的小伙伴們可以參考一下
2016-05-05
js+css實(shí)現(xiàn)有立體感的按鈕式文字豎排菜單效果
這篇文章主要介紹了js+css實(shí)現(xiàn)有立體感的按鈕式文字豎排菜單效果,通過(guò)javascript動(dòng)態(tài)調(diào)用頁(yè)面元素樣式實(shí)現(xiàn)豎排菜單的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
jsonp跨域獲取百度聯(lián)想詞的方法分析
這篇文章主要介紹了jsonp跨域獲取百度聯(lián)想詞的方法,結(jié)合實(shí)例形式分析了jsonp的原理及跨域獲取百度聯(lián)想詞的相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
addEventListener 的用法示例介紹
這篇文章主要介紹了addEventListener 的用法,需要的朋友可以參考下
2014-05-05
JavaScript 頁(yè)面編碼與瀏覽器類型判斷代碼
JavaScript 獲取瀏覽器的類型和頁(yè)面編碼的函數(shù)代碼。
2010-06-06
解決javascript 全局變量失效的問(wèn)題
這篇文章主要介紹了解決javascript 全局變量失效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2016-04-04
javascript 回到頂部效果的實(shí)現(xiàn)代碼
本篇文章主要是對(duì)javascript 回到頂部效果的實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02