DaiCuoBBs

 找回密码
 免费注册

QQ登录

只需一步,快速开始

[jQuery] jQuery插件之-jQuery URL Parser解析和提取url路径和参数值

[复制链接]
admin 发表于 2020-5-17 15:06:32 | 显示全部楼层 |阅读模式

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



  2. // get the protocol

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



  4. // get the path

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



  6. // get the host

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



  8. // get the value for the itemID query parameter

  9. jQuery.url.param("itemID") // returns 2



  10. // get the second segment from the url path

  11. jQuery.url.segment(2) // returns 'about'



  12. 2,使用其他指定的URL

  13. // set a different URL and return the anchor string

  14. jQuery.url.setUrl("http://www.wanweiwang.cn/category/javascript/#footer").attr("anchor") // returns 'footer'
复制代码


您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|大错站长论坛

GMT+8, 2020-9-27 21:29 , Processed in 0.071306 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表