首页 > 代码库 > jQuery 获取 URL信息
jQuery 获取 URL信息
jQuery获取URL信息有很多方法,但是使用这个插件就非常爽了。
托管地址在:http://github.com/allmarkedup/jQuery-URL-Parser
// http: //localhost:19090/home/index?id=1 var source = $.url.attr("source"); // http://localhost:19090/home/index?id=1 var protocol = $.url.attr("protocol"); // http 全部可选值http, https, file, etc var path = $.url.attr("path"); // /home/index var host = $.url.attr("host"); // localhost var port = $.url.attr("port"); // 19090 var relative = $.url.attr("relative"); // /home/index?id=1 var directory = $.url.attr("directory");// /home/index // http://localhost:19090/floder/index.html?id=1 var file = $.url.attr("file"); // index.html var query = $.url.attr("query"); // id = 1 这个还可以调用 .param() var id = $.url.param("id"); // 1; var segment = $.url.segment(1); // 0:floder 1:index.html //也可以指定其他URL var setUrlAnchor = $.url.setUrl("http://www.baidu.com/#logo").attr("anchor"); // 此时setUrlAnchor与上面示例的 $.url同样调用处理喊出
jQuery.URL.Parse源代码如下:
// JQuery URL Parser// Written by Mark Perkins, mark@allmarkedup.com// License: http://unlicense.org/ (i.e. do what you want with it!)jQuery.url = function() { var segments = {}; var parsed = {}; /** * Options object. Only the URI and strictMode values can be changed via the setters below. */ var options = { url: window.location, // default URI is the page in which the script is running strictMode: false, // ‘loose‘ parsing by default key: ["source", "protocol", "authority", "userInfo", "user", "password", "host", "port", "relative", "path", "directory", "file", "query", "anchor"], // keys available to query q: { name: "queryKey", parser: /(?:^|&)([^&=]*)=?([^&]*)/g }, parser: { strict: /^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/, //less intuitive, more accurate to the specs loose: /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/ // more intuitive, fails on relative paths and deviates from specs } }; /** * Deals with the parsing of the URI according to the regex above. * Written by Steven Levithan - see credits at top. */ var parseUri = function() { str = decodeURI(options.url); var m = options.parser[options.strictMode ? "strict" : "loose"].exec(str); var uri = {}; var i = 14; while (i--) { uri[options.key[i]] = m[i] || ""; } uri[options.q.name] = {}; uri[options.key[12]].replace(options.q.parser, function($0, $1, $2) { if ($1) { uri[options.q.name][$1] = $2; } }); return uri; }; /** * Returns the value of the passed in key from the parsed URI. * * @param string key The key whose value is required */ var key = function(key) { if (jQuery.isEmptyObject(parsed)) { setUp(); // if the URI has not been parsed yet then do this first... } if (key == "base") { if (parsed.port !== null && parsed.port !== "") { return parsed.protocol + "://" + parsed.host + ":" + parsed.port + "/"; } else { return parsed.protocol + "://" + parsed.host + "/"; } } return (parsed[key] === "") ? null : parsed[key]; }; /** * Returns the value of the required query string parameter. * * @param string item The parameter whose value is required */ var param = function(item) { if (jQuery.isEmptyObject(parsed)) { setUp(); // if the URI has not been parsed yet then do this first... } return (parsed.queryKey[item] === null) ? null : parsed.queryKey[item]; }; /** * ‘Constructor‘ (not really!) function. * Called whenever the URI changes to kick off re-parsing of the URI and splitting it up into segments. */ var setUp = function() { parsed = parseUri(); getSegments(); }; /** * Splits up the body of the URI into segments (i.e. sections delimited by ‘/‘) */ var getSegments = function() { var p = parsed.path; segments = []; // clear out segments array segments = parsed.path.length == 1 ? {} : (p.charAt(p.length - 1) == "/" ? p.substring(1, p.length - 1) : path = p.substring(1)).split("/"); }; return { /** * Sets the parsing mode - either strict or loose. Set to loose by default. * * @param string mode The mode to set the parser to. Anything apart from a value of ‘strict‘ will set it to loose! */ setMode: function(mode) { options.strictMode = mode == "strict" ? true : false; return this; }, /** * Sets URI to parse if you don‘t want to to parse the current page‘s URI. * Calling the function with no value for newUri resets it to the current page‘s URI. * * @param string newUri The URI to parse. */ setUrl: function(newUri) { options.url = newUri === undefined ? window.location : newUri; setUp(); return this; }, /** * Returns the value of the specified URI segment. Segments are numbered from 1 to the number of segments. * For example the URI http://test.com/about/company/ segment(1) would return ‘about‘. * * If no integer is passed into the function it returns the number of segments in the URI. * * @param int pos The position of the segment to return. Can be empty. */ segment: function(pos) { if (jQuery.isEmptyObject(parsed)) { setUp(); // if the URI has not been parsed yet then do this first... } if (pos === undefined) { return segments.length; } return (segments[pos] === "" || segments[pos] === undefined) ? null : segments[pos]; }, attr: key, // provides public access to private ‘key‘ function - see above param: param // provides public access to private ‘param‘ function - see above };} ();
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。