首页前端开发其他前端知识用Javascript正则实现url链接的解析类

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

时间2024-02-01 13:52:03发布访客分类其他前端知识浏览820
导读:收集整理的这篇文章主要介绍了用Javascript正则实现url链接的解析类,觉得挺不错的,现在分享给大家,也给大家做个参考。 用 Javascript 解析链接(URL 是一个常见的需...
收集整理的这篇文章主要介绍了用Javascript正则实现url链接的解析类,觉得挺不错的,现在分享给大家,也给大家做个参考。

用 Javascript 解析链接(URL)是一个常见的需求,本文介绍了一个非常健全的用 Javascript 写的链接(URL)解析类,他可以准确获取一个完整的 URL 中每个部分的内容,包括协议、URL中包含的用户名和密码、主机名、端口、路径名、参数、锚点(Fragment Anchor)等信息。 
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.js-code.COM: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() + "
");
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:
  • 一个非常全面的javascript URL解析函数和分段URL解析方法
  • JS解析url查询参数的简单代码
  • 一个JavaScript函数把URL参数解析成Json对象
  • js正则解析URL参数示例代码
  • 解析PHP 使用curl提交json格式数据
  • JavaScript正则表达式解析URL的技巧
  • Javascript解析URL方法详解
  • javascript 解析url的search方法
  • JSP中js传递和解析URL参数以及中文转码和解码问题
  • 使用JavaScript解析URL的方法示例

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

Javascript正则

若转载请注明出处: 用Javascript正则实现url链接的解析类
本文地址: https://pptw.com/jishu/595484.html
JavaScript正则表达式之后向引用实例代码 正则表达式不包含属性

游客 回复需填写必要信息