使用JavaScript獲取地址欄參數(shù)的方法
更新時間：2014年12月19日 15:42:27 投稿：hebedich
這篇文章主要介紹了幾種使用JavaScript獲取地址欄參數(shù)的方法以及注意事項，非常的實用，這里推薦給大家
復(fù)制代碼 代碼如下:
/**
* 獲取地址欄參數(shù)
*
* @example GetUrlString('id')
*
* @desc 調(diào)用時加上判斷，保證程序不會出錯
* var myurl = GetUrlString('id');
* if (myurl != null && myurl.toString().length > 1) {
* alert(GetUrlString("id"));
* }
*
* @param String param 要獲取地址欄中的參數(shù)名
* @return String Value
* @type String
*
* @name GetUrlString()
*
*/
function GetUrlString(param) {
var sValue = location.search.match(new RegExp("[\?\&]" + m + "=([^\&]*)(\&?)", "i"));
return sValue ? decodeURI(sValue[1]) : decodeURI(sValue);
}
調(diào)用的時候統(tǒng)一做這樣的判斷，避免你沒有傳參數(shù)的話，比如你的地址是 abc.html 后面沒有參數(shù)，那強行輸出調(diào)用結(jié)果有的時候會報錯
復(fù)制代碼 代碼如下:
window.onload = function() {
var myurl = GetParm("id");
if (myurl != null && myurl.toString().length > 1) {
alert(GetParm("id"));
}
}
這樣就不會報錯了！
注釋：ECMAScript v3 已從標準中刪除了 unescape() 函數(shù)，并反對使用它，因此應(yīng)該用 decodeURI() 和 decodeURIComponent() 取而代之。
小伙伴們是否理解了如何使用JavaScript獲取地址欄參數(shù)了呢，有疑問的話就留言吧。
相關(guān)文章
JavaScript實現(xiàn)excel文件導(dǎo)入導(dǎo)出
這篇文章主要介紹了JavaScript實現(xiàn)excel文件導(dǎo)入導(dǎo)出,文件的導(dǎo)入導(dǎo)出是非常常見的需求功能，excel文件的導(dǎo)入導(dǎo)出更為常見，實踐中許多時候，是調(diào)用接口實現(xiàn)導(dǎo)入導(dǎo)出的,具體實現(xiàn)內(nèi)容需要的小伙伴可以參考一下2022-06-06
這篇文章主要為大家詳細介紹了簡單的js表格操作,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
在本篇文章里小編給大家整理的是一篇關(guān)于js定時器出現(xiàn)第一次延遲的原因及解決方法，對此有需要的朋友們可以學(xué)習下。2021-01-01
這篇文章主要介紹了淺析JSONP技術(shù)原理及實現(xiàn) 的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)數(shù)組冒泡排序、快速排序的原理，感興趣的小伙伴們可以參考一下2016-03-03
js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2023-06-06
javascript parseInt() 函數(shù)的進制轉(zhuǎn)換注意細節(jié)
parseInt(string, radix) 有2個參數(shù)，第一個string 是傳入的數(shù)值，第二個radix是 傳入數(shù)值的進制，參數(shù)radix 可以忽略，默認為 10，各種進制的數(shù)轉(zhuǎn)換為 十進制整數(shù),接下來詳細介紹，感興趣的朋友可以了解下哦2013-01-01
微信小程序用戶授權(quán)獲取手機號（getPhoneNumber）
這篇文章主要給大家介紹了關(guān)于微信小程序用戶授權(quán)獲取手機號的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2021-03-03
Bootstrap開發(fā)實戰(zhàn)之響應(yīng)式輪播圖
這篇文章主要為大家詳細介紹了Bootstrap開發(fā)實戰(zhàn)之響應(yīng)式輪播圖，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
javascript與jquery中的this關(guān)鍵字用法實例分析
這篇文章主要介紹了javascript與jquery中的this關(guān)鍵字用法,結(jié)合實例形式簡單分析了this關(guān)鍵字用于獲取當前對象的使用技巧,非常簡單易懂,需要的朋友可以參考下2015-12-12