js url连接地址解析类用Javascript正则实现url链接的解析类

2021-03-17 我要评论

想了解用Javascript正则实现url链接的解析类的相关内容吗，在本文为您仔细讲解js url连接地址解析类的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Javascript,正则,url链接，下面大家一起来学习吧。

用 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.qb5200.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>

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

js url连接地址解析类用Javascript正则实现url链接的解析类

相关文章

猜您喜欢

今日热门

js url连接地址解析类 用Javascript正则实现url链接的解析类

相关文章

猜您喜欢

今日热门

js url连接地址解析类用Javascript正则实现url链接的解析类