用Javascript正則實(shí)現(xiàn)url鏈接的解析類

2020-01-20 22:23:47

字體：大中小

供稿：網(wǎng)友

用 Javascript 解析鏈接(URL)是一個(gè)常見(jiàn)的需求，本文介紹了一個(gè)非常健全的用 Javascript 寫(xiě)的鏈接(URL)解析類，他可以準(zhǔn)確獲取一個(gè)完整的 URL 中每個(gè)部分的內(nèi)容，包括協(xié)議、URL中包含的用戶名和密碼、主機(jī)名、端口、路徑名、參數(shù)、錨點(diǎn)(Fragment Anchor)等信息。

<body> <div class="iwvjtn8m0" id="example"> <div class="iwvjtn8m0" 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@m.survivalescaperooms.com:1234/test/test.asp?id=1#test'; var p = new Poly9.URLParser(url); document.write("URL: " + url + " "); document.write("解析結(jié)果如下： "); document.write("協(xié)議: " + p.getProtocol() + " "); document.write("用戶: " + p.getUsername() + " "); document.write("密碼: " + p.getPassword() + " "); document.write("主機(jī): " + p.getHost() + " "); document.write("端口: " + p.getPort() + " "); document.write("路徑: " + p.getPathname() + " "); document.write("查詢字符串: " + p.getQuerystring() + " "); document.write("錨點(diǎn): " + p.getFragment() + " "); </script> </div> </div> </body>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：正則表達(dá)式匹配非XXX的行

下一篇：asp正則過(guò)濾重復(fù)字符串的代碼