Html URL參數獲取

把之前寫的一些代碼剝離出來，整理成一個JS工具包，它能夠用來快速獲取Html URL參數。

github地址:https://github.com/docee/HtmlParams

HtmlParams v1.0

關於

HtmlParams是一個用於獲取Html靜態頁URL參數的JS工具包,使用它能夠快速獲取Html URL參數。 引用

在使用HtmlParams前必須先在Html中引用HtmlParams的JS文件，引用方法以下：

<!-- lang: js -->
<script src="HtmlParams.js"></script>

若是你以爲HtmlParams.js文檔太大了，你還能夠引用已壓縮過的版本:

<!-- lang: js -->
<script src="HtmlParams.min.js"></script>

API

HtmlParams的使用方法很是簡單，不須要引入任何第三方庫，在引入HtmlParams.js文件後只須要使用如下方法就能輕鬆獲取到URL參數。

JS文件引入後，必須在你所在網頁的JS代碼中生成一個HtmlParams對象，經過調用該對象的方法，你就能夠獲取到URL參數，生成對象代碼以下:

<!-- lang: js -->
var htmlParams=new HtmlParams();

---

htmlParams.getNormalParams('參數名');//獲取該參數名默認第一個參數值

返回值:字符串

因爲URL參數名是能夠重複的，如:sample.html?a=1&b=2&a=3就出現了兩個a參數值，通常狀況下都是將他們轉化爲數組的，HtmlParams也是如此，將其轉化爲數組，使用該方法並不返回所有參數值，默認返回第一個參數值，也就是1;

---

htmlParams.getParamsObj('參數名');//獲取該參數名的參數對象

返回值:ParamsObject對象

在HtmlParams中，默認用ParamsObject對象存儲URL參數數據，在創建HtmlParams對象的時候，程序就會自動初始化URL參數數據，按照參數名key生成ParamsObject對象，並存入HtmlParams對象的params數組中。
ParamsObject對象的結構以下:
    ParamsObject
        ---valueSize:Number//參數值個數
        ---value:Array//參數值數組
        ---toValueArray:function//返回參數值數組
        ---getValue(number):function//獲取第number個參數值

---

htmlParams.getParamsObj('參數名').toValueArray();//獲取該參數名的參數值數組

返回值:字符串數組

獲取該參數名的參數值數組(這是ParamsObject對象的方法);

---

htmlParams.getParamsObj('參數名').getValue(Number);//獲取該參數名第Number個參數值

返回值:字符串

獲取該參數名第Number(從0開始)個參數值(這是ParamsObject對象的方法);

---

PS:若是HtmlParams找不到你所要找的參數值，將返回undefined