Javascript URI 解析介绍

解析URI是一个有意思的东西，之前没有意识到，原来这东西也可以这么复杂。

URI

在维基百科中对于URI的解释是这样子的:

代码如下:

在计算机术语中，统一资源标识符（Uniform Resource Identifier，或URI)是一个用于标识某一互联网资源名称的字符串。 该种标识允许用户对网络中（一般指万维网）的资源通过特定的协议进行交互操作。URI由包括确定语法和相关协议的方案所定义。

引自网络上对于URI组成的解释，而这些可以在稍后对于URI的解析中看出来。

URI一般由三部分组成：

1.访问资源的命名机制。
2.存放资源的主机名。
3.资源自身的名称，由路径表示。

或者可以说是这样子，两者看上去是一致的。

URL的格式由下列三部分组成：

1.协议（或称为服务方式）
2.存有该资源的主机IP地址（有时也包括端口号）
3.主机资源的具体地址。，如目录和文件名等

URI解析


代码如下:

“解析”一个URI意味着将一个相对URI引用转换为绝对形式，或者通过尝试获取一个可解引URI或一个URI引用所代表的资源来解引用这个URI。文档处理软件的“解析”部分通常同时提供这两种功能。

Javascript URI解析

简单地以博客中的搜索JS为例，下面就是其的URL，

http://www.jb51.net/search/?q=js&type=
然后便有了

代码如下:

var parser = document.createElement('a');
 parser.href = "http://www.jb51.net/search/?q=js&type="

我们便可以知道其的协议、端口号、主机、具体地址等

代码如下:

parser.protocol;
 parser.host;
 parser.pathname;
 parser.search;

返回的结果便是

代码如下:

protocol:http
 host:www.jb51.net
 pathname:/search/
 search:?q=js&type=

上面的结果加出来，便是一个完整的URI。只是对于parser.search这部分不是很理解，对于?号而言，应该是参数，用于搜索的参数。

如果是对就于一个邮件的URI来说，假设URI是

代码如下:

mailto:h@jb51.net?subject=hello

那么

代码如下:

var parser = document.createElement('a');
 parser.href = "mailto:h@jb51.net?subject=hello";

> parser.protocol
 "mailto:"
 > parser.pathname
 "h@jb51.net"
 > parser.search
 "?subject=hello"

赞 (0)

相关推荐

  • Javascript URI 解析介绍

    解析URI是一个有意思的东西,之前没有意识到,原来这东西也可以这么复杂. URI 在维基百科中对于URI的解释是这样子的: 复制代码 代码如下: 在计算机术语中,统一资源标识符(Uniform Resource Identifier,或URI)是一个用于标识某一互联网资源名称的字符串. 该种标识允许用户对网络中(一般指万维网)的资源通过特定的协议进行交互操作.URI由包括确定语法和相关协议的方案所定义. 引自网络上对于URI组成的解释,而这些可以在稍后对于URI的解析中看出来. URI一般由三部

  • Android中的xml解析介绍

    Android中的xml解析介绍

    目录 XML - 元素 XML - 解析 例子 总结 XML 代表可扩展标记语言.XML 是一种非常流行的格式,通常用于在 Internet 上共享数据.本章说明如何解析 XML 文件并从中提取必要的信息. Android 提供了三种类型的 XML 解析器,它们是DOM.SAX 和 XMLPullParser.其中android推荐XMLPullParser,因为它高效且易于使用.所以我们将使用 XMLPullParser 来解析 XML. 第一步是确定您感兴趣的 XML 数据中的字段.例如.在

  • 目前流行的JavaScript库的介绍及对比

    为了简化JavaScript的开发,一些JavaScript程序库诞生了.JavaScript程序库封装了很多预定义的对象和使用函数,能帮助使用者轻松地建立有高难度交互的Web2.0特性的富客户端页面,并且兼容各大浏览器.下面是目前集中流行的JavaScript程序库的介绍和对比. Prototype Prototype是最早成型的JavaScript库之一,对JavaScript的内置对象(例如String对象.Array对象等)做了大量的扩展.现在还有很多项目使用Prototype.Prot

  • 理解 JavaScript 预解析

    事实上或某种现象证明并不是这样的,通过<JavaScript权威指南>及网上相关资料了解到,JavaScript有"预解析"行为.理解这一特性是很重要的,不然在实际开发中你可能会遇到很多无从解析的问题,甚至导致程序bug的存在.为了解析这一现象,也作为自己的一次学习总结,本文逐步引导你来认识JavaScript"预解析",如果我的见解有误,还望指正. (1)如果JavaScript仅是运行时自上往下逐句解析的,下面的代码能正确运行是可以理解的,因为我们先

  • JavaScript预解析及相关技巧分析

    本文实例讲述了JavaScript预解析及相关技巧.分享给大家供大家参考,具体如下: 变量 同样,以这两个小例子的错误对比提示开始. alert(y1); //代码段1 var y1 = 'dddd'; alert(y2); //代码段2 // alert(typeof y2); y2 = 'xxxxx'; 先思考一下,为什么一个会提示 undefined , 一个却抛出变量未定义的错..先看JavaScript的解析过程. javascript在执行过程之前,会做一件事件"预解析".

  • JavaScript实现解析INI文件内容的方法

    JavaScript实现解析INI文件内容的方法

    本文实例讲述了JavaScript实现解析INI文件内容的方法.分享给大家供大家参考,具体如下: .ini 是Initialization File的缩写,即初始化文件,ini文件格式广泛用于软件的配置文件. INI文件由节.键.值.注释组成. 根据node.js版本的node-iniparser改写了个JavaScript函数来解析INI文件内容,传入INI格式的字符串,返回一个json object. function parseINIString(data){ var regex = {

  • JavaScript 对象不变性介绍

    目录 1. 基本概念 2. Object.freeze() 3. Object.seal() 4. const关键字? 5. 总结 1. 基本概念 对象不变性在任何编程语言中都是一个重要的概念.它会限制对象修改并防止不需要的更改.简而言之,对象的不变性就是将它的状态变为只读的,下面就来看看在 JavaScript 中的对象不变性.​ 在JavaScript中,一个对象可以有一个或多个属性.每个属性都是一个键值对, 下面是一个对象: const user = {     name: 'CUGGZ'

  • 通过示例演示理解javascript预解析

    通过示例演示理解javascript预解析

    目录 提出问题 坑一 坑二 问题解答 案例练习 案例一 案例二 案例三 案例四(经典的面试题) 结语 面试官最爱考的javascript预解析,你搞明白了吗?javascript的es5语法和其他语言还是有些区别的,预解析正是面试爱考的重点,不妨来看看这篇博文… 提出问题 先看下面的两个最基本问题,结果你想到了吗? 坑一 <script> // 坑一 console.log(num); var num = 10; </script> 结果为什么会是undefined呢?先保留这个疑

  • JavaScript之引用类型介绍

    Object类型 Object类型是JavaScript中使用最多的一种类型.虽然Object的实例不具备多少功能,但对于在应用程序中存储和传输数据而言,它确实是非常理想的选择. 创建Object实例的方式有两种,第一种是使用new操作符后跟Object构造函数. 复制代码 代码如下: var person = new Object(); person.name = "tt"; person.age = 12; 另一种方式是使用对象字面量表示法. 复制代码 代码如下: var pers

  • JavaScript正则表达式解析URL的技巧

    JavaScript正则表达式解析URL的技巧

    正则表达式是一个描述字符模式的对象. 首先,此片文章并不是直接告诉你,url的正则表达式是什么,以及怎么使用这个正则表达式去解析一个URL地址,相信这种问题在网络上已经能找到很多.本文的宗旨在于教你如何理解URL的正则表达式,以达到理解正则表达式,以及能够在日后的工作中写出相对简单的正则.言归正传,先看看一下的例子: var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:

随机推荐