• jQuery插件之-jQuery URL Parser


    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'
    

      

  • 相关阅读:
    第八章
    第十章
    第九章
    第七章
    第六章
    第五章
    第四章心得
    第二章心得
    第三章心得
    第一章心得
  • 原文地址:https://www.cnblogs.com/couxiaozi1983/p/3144224.html
Copyright © 2020-2023  润新知