Skip to content

HtmlParams是一个用于获取Html静态页URL参数的JS工具包,使用它可以快速获取Html URL参数。

License

Notifications You must be signed in to change notification settings

webin/HtmlParams

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HtmlParams v1.0

关于

HtmlParams是一个用于获取Html静态页URL参数的JS工具包,使用它可以快速获取Html URL参数。 引用

在使用HtmlParams前必须先在Html中引用HtmlParams的JS文件,引用方法如下:

<script src="HtmlParams.js"></script>

如果你觉得HtmlParams.js文档太大了,你还可以引用已压缩过的版本:

<script src="HtmlParams.min.js"></script>

API

HtmlParams的使用方法非常简单,不需要引入任何第三方库,在引入HtmlParams.js文件后只需要使用以下方法就能轻松获取到URL参数。

JS文件引入后,必须在你所在网页的JS代码中生成一个HtmlParams对象,通过调用该对象的方法,你就可以获取到URL参数,生成对象代码如下:

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

About

HtmlParams是一个用于获取Html静态页URL参数的JS工具包,使用它可以快速获取Html URL参数。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published