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