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

2020-03-16 21:18:37

字体：大中小

来源：转载

供稿：网友

一个非常健全的 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.vevb.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() + " ");

</script>

 </div>

</div>

</body>