jQuery插件之-jQuery URL Parser

最新推荐文章于 2022-05-22 16:42:44 发布

转载最新推荐文章于 2022-05-22 16:42:44 发布 · 1.9k 阅读

文章标签：

#jquery插件

jQuery 专栏收录该内容

11 篇文章

订阅专栏

QueryURLParser是一款jQuery插件，能帮助开发者轻松解析URLs，获取协议、主机、端口、查询参数等信息。适合在需要根据URL参数调整内容的场景中使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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.htm
l?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）

// get the protocol
jQuery.url.attr("protocol") // returns 'http'

// get the path
jQuery.url.attr("path") // returns '/information/about/index.html'

// get the host
jQuery.url.attr("host") // returns 'blog.xiaoningmeng.com'

// get the value for the itemID query parameter
jQuery.url.param("itemID") // returns 2

// get the second segment from the url path
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'