用Javascript正则实现url链接的解析类

更新时间：2008年06月28日 16:54:48 作者：

一个非常健全的 Javascript 链接(URL)解析类，他用了正则表达式可以准确获取一个完整的 URL 中每个部分的内容，包括协议、URL中包含的用户名和密码、主机名、端口、路径名、参数、锚点(Fragment Anchor)等信息

用 Javascript 解析链接(URL)是一个常见的需求，本文介绍了一个非常健全的用 Javascript 写的链接(URL)解析类，他可以准确获取一个完整的 URL 中每个部分的内容，包括协议、URL中包含的用户名和密码、主机名、端口、路径名、参数、锚点(Fragment Anchor)等信息。

<body> <div id="example"> <div id="example_main"> <script type="text/javascript"> if (typeof Poly9 == 'undefined') { var Poly9 = {}; } Poly9.URLParser = function(url) { this._fields = { 'Username' : 4, 'Password' : 5, 'Port' : 7, 'Protocol' : 2, 'Host' : 6, 'Pathname' : 8, 'URL' : 0, 'Querystring' : 9, 'Fragment' : 10 }; this._values = {}; this._regex = null; this.version = 0.1; this._regex = /^((\w+):\/\/)?((\w+):?(\w+)?@)?([^\/\?:]+):?(\d+)?(\/?[^\?#]+)?\??([^#]+)?#?(\w*)/; for(var f in this._fields) { this['get' + f] = this._makeGetter(f); } if (typeof url != 'undefined') { this._parse(url); } } Poly9.URLParser.prototype.setURL = function(url) { this._parse(url); } Poly9.URLParser.prototype._initValues = function() { for(var f in this._fields) { this._values[f] = ''; } } Poly9.URLParser.prototype._parse = function(url) { this._initValues(); var r = this._regex.exec(url); if (!r) throw "DPURLParser::_parse -> Invalid URL"; for(var f in this._fields) if (typeof r[this._fields[f]] != 'undefined') { this._values[f] = r[this._fields[f]]; } } Poly9.URLParser.prototype._makeGetter = function(field) { return function() { return this._values[field]; } } var url = 'http://user:password@www.jb51.net:1234/test/test.asp?id=1#test'; var p = new Poly9.URLParser(url); document.write("URL: " + url + " "); document.write("解析结果如下： "); document.write("协议: " + p.getProtocol() + " "); document.write("用户: " + p.getUsername() + " "); document.write("密码: " + p.getPassword() + " "); document.write("主机: " + p.getHost() + " "); document.write("端口: " + p.getPort() + " "); document.write("路径: " + p.getPathname() + " "); document.write("查询字符串: " + p.getQuerystring() + " "); document.write("锚点: " + p.getFragment() + " "); </script> </div> </div> </body>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JS正则表达式详解[收藏]
JS正则表达式详解[收藏]...
2007-03-03
正则表达式检测用户输入的email地址是否合法
在注册系统开发中，需要检测用户输入的email地址是否合法，都可以使用正则表达式来检测，下面有个小例子，希望对大家有所帮助
2014-01-01
如何删除文本框里的文字内容中段落之间多余的分行
如何删除文本框里的文字内容中段落之间多余的分行...
2006-10-10
简单的用js实现过滤多余字符的正则表达式
利用正则表达法除去字符串中的重复字符，一个简单的JavaScript正则表达式实例，将一串含有重复字符串中的多余字符滤除掉，请运行查看效果。
2010-10-10
ASP 正则表达式常用的几种方法(execute、test、replace)
asp下正则表达式常用的几种方法，需要的朋友可以参考下。
2009-12-12
PHP html标签正则替换并可自定义正则规则
PHP有个去除HTML标签的函数strip_tags，不过对于某些特殊符号不好使，下面这个函数的功能非常强大,同时用户还可以根据自己的需要进行正则替换.
2010-05-05
php正则表达式中贪婪与非贪婪介绍
什么叫贪婪，比如说要从字符串中td面包一td td面包二td吃面包，本来你只可以吃面包一，可是你贪心，于是就把第一个td到最后一个td里面的两个面包取出来了，你想多吃点，非贪婪也就是你不贪吃了，就只吃面包一
2016-03-03
精通JS正则表达式(推荐)
精通JS正则表达式，讲的比较详细，学习正则表达式的朋友可以参考下。
2010-11-11
正则表达式提取图片路径并过滤掉指定字符的写法
正则表达式提取图片路径并过滤掉指定字符的代码，需要的朋友可以参考下
2012-09-09
JavaScript中常用的正则表达式日常整理(全)
本篇文章是小编日常整理有关js常用的正则表达式，比较全面，对大家学习javascript正则表达式非常有用，需要的朋友一起学习吧
2015-09-09