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

多轻多软的雪花啊，在空中飘舞着，追逐着，像—朵朵精巧的白菊。暗黄色的天际中像燃着一团百年都没有澌灭的野火，它肆无忌惮的吞噬着天间彩云，仿佛地狱使者受到差遣，来破坏天际的和谐。

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

<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.haodaima.com:1234/test/test.asp?id=1#test';  
var p = new Poly9.URLParser(url);  
document.write("<strong>URL:</strong> " + url + "");  
document.write("解析结果如下：");  
document.write("<strong>协议:</strong> " + p.getProtocol() + "");  
document.write("<strong>用户:</strong> " + p.getUsername() + "");  
document.write("<strong>密码:</strong> " + p.getPassword() + "");  
document.write("<strong>主机:</strong> " + p.getHost() + "");  
document.write("<strong>端口:</strong> " + p.getPort() + "");  
document.write("<strong>路径:</strong> " + p.getPathname() + "");  
document.write("<strong>查询字符串:</strong> " + p.getQuerystring() + "");  
document.write("<strong>锚点:</strong> " + p.getFragment() + "");  
</script>  
    </div>  
</div>  
</body>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

本文用Javascript正则如何实现url链接的解析类到此结束。拿出胆量来那一吼声是一切成功之母。小编再次感谢大家对我们的支持！

全站频道

大家都在搜索：