教程集 > 脚本编程 > javascript > 正文 Javascript 链接(URL)解析类

Javascript 链接(URL)解析类

发布时间：2017-01-04 编辑：jiaochengji.com

教程集为您提供Javascript 链接(URL)解析类等资源，欢迎您收藏本站，我们将为您提供最新的Javascript 链接(URL)解析类资源

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

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <script type="text/javascript"> /** * @projectDescription Poly9's polyvalent URLParser class * * @author Denis Laprise - denis@poly9.com - http://poly9.com * @version 0.1 * @namespace Poly9 * * See the unit test file for more examples. * URLParser is freely distributable under the terms of an MIT-style license. */ if (typeof Poly9 == 'undefined') { var Poly9 = {}; } /** * Creates an URLParser instance * * @classDescription Creates an URLParser instance * @return {Object} return an URLParser object * @param {String} url The url to parse * @constructor * @exception {String} Throws an exception if the specified url is invalid */ 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); } } /** * @method * @param {String} url The url to parse * @exception {String} Throws an exception if the specified url is invalid */ 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]; } } </script> 实例 <script type="text/javascript"> var url = 'http://user:password@www.jiaochengji.com:9901/pub/article.php?offset=10&perpage=10#fragment'; var p = new Poly9.URLParser(url); document.write("URL: " url "

"); document.write("解析结果如下：

"); document.write("Protocol: " p.getProtocol() "
"); document.write("Username: " p.getUsername() "
"); document.write("Password: " p.getPassword() "
"); document.write("Host: " p.getHost() "
"); document.write("Port: " p.getPort() "
"); document.write("Pathname: " p.getPathname() "
"); document.write("Query String: " p.getQuerystring() "
"); document.write("Fragment: " p.getFragment() "
"); </script></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Javascript 链接(URL)解析类
 PHP MYSQL开发视频教程
 js 获取与解析URL参数
 微信端html5页面如何调用分享接口
 微信端h5页面如何调用分享页面的接口
 如何在微信端html5页面调用分享接口
 Google- PageRank
爬虫入门的基本原理，如果你连这些都不知道那你可以放弃爬虫了！
Linux中为Tomcat启用软链接的三种方式
 document.URL与windows.location.href的区别是什么

上一篇：javascript幻灯片实现代码下一篇：Javascript 实现只能输入数字的文本框

[关闭]

Javascript 链接(URL)解析类

最近更新

浏览排行