代码改变世界

jQuery插件之-jQuery URL Parser

2013-06-19 15:10  臭小子1983  阅读(486)  评论(0编辑  收藏  举报

jQuery插件Query URL Parser用于解析URLs字符串。通过它我们可以方便地获取协议、主机、端口、查询参数、文件名、路径等等。在一些静态页面需要根据参数来调整一些内容的时候这个插件还是挺有用的。

官方下载(托管在github):http://github.com/allmarkedup/jQuery-URL-Parser

本地下载地址:jQuery-URL-Parser

插件可以返回的数据有下面几项:

1 、来源 - URL本身

2 、协议 - 例如 HTTP,HTTPS,文件等

3 、主机 - 如 blog.xiaoningmeng.com,localhost 等

4 、端口 - 例如 80

5 、查询 - 如果它存在的话是整个查询字符串,例如item=value&item2=value2

6 、单个查询字符串参数值

7 、文件 - 该文件名,例如 index.html的

8 、锚 - 哈希(锚)值

9 、路径 - 文件的路径(如/folder/dir/index.html)

10 、相对路径- 包括查询字符串的相对路径(如/folder/dir/index.html?item=value)

11 、目录 - 目录路径(如/folder/dir/)

12 、路径的个别部分

如果需要获取上面的 1、2、3、4、7、8、10、11 项的值可以通过使用 .attr() 方法来获取。

6项可以使用 .param() 方法。

12项可以使用 .segment() 方法。

使用DEMO:

1,使用当前页面的URL(假如地址是http://blog.xiaoningmeng.com/information/about/index.html?itemID=2&user=dave)

 

01	// get the protocol
02	jQuery.url.attr("protocol") // returns 'http'
03	 
04	// get the path
05	jQuery.url.attr("path") // returns '/information/about/index.html'
06	 
07	// get the host
08	jQuery.url.attr("host") // returns 'blog.xiaoningmeng.com'
09	 
10	// get the value for the itemID query parameter
11	jQuery.url.param("itemID") // returns 2
12	 
13	// get the second segment from the url path
14	jQuery.url.segment(2) // returns 'about'

  

 2,使用其他指定的URL

// set a different URL and return the anchor string
jQuery.url.setUrl("http://blog.xiaoningmeng.com/category/javascript/#footer").attr("anchor") // returns 'footer'