URL: 统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成:
scheme://host:port/path?query#fragment
scheme = 通信协议 (常用的http,ftp,maito等)
host = 主机 (域名或IP)
port = 端口号
path = 路径
query = 查询
可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,
可有多个参数,用”&”符号隔开,每个参数的名和值用”=”符号隔开。
fragment = 信息片断
字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,
可使用fragment直接定位到某一名词解释。(也称为锚点)
对于这样一个URL
http://pengjh.blog.51cto.com/seo/?ver=1.0&id=6#imhere
我们可以用java script获得其中的各个部分
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
2,window.location.protocol
URL 的协议部分
本例返回值:http:
3,window.location.host
URL 的主机部分
本例返回值:pengjh.blog.51cto.com
4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""
5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/seo/
6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用java script来获得相信应的参数值
本例返回值:?ver=1.0&id=6
7,window.location.hash
锚点
本例返回值:#imhere
分享到:
相关推荐
本文介绍了完整的URL的结构构成以及解析URL的2种方法,包括正则分析法和split法,非常的简单实用,有需要的小伙伴可以参考下
JavaScript解析url并根据传值配置页面
JavaScript解析url,并根据传值结果配置界面
主要给大家介绍了关于如何使用JavaScript解析URL的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
javascript将url解析为json格式的两种方法.docx
在做UI的时候 ,有时会要解析url的search部分,装了一个实用方法,共享给大家。
JSParser 使用Tornado和JSBeautifier的python 2.7脚本来解析JavaScript文件中的相对URL。 用于在执行安全研究或Bug赏金狩猎时轻松发现AJAX请求。
一个非常健全的 Javascript 链接(URL)解析类
本文详细介绍了一个非常全面的javascript URL解析函数,可以解析一个URL中的协议、主机、查询字符串甚至锚链接,非常实用,一并总结了js自带的分段URL解析方法,需要的朋友可以参考下
一个非常健全的 Javascript 链接(URL)解析类,他用了正则表达式可以准确获取一个完整的 URL 中每个部分的内容,包括协议、URL中包含的用户名和密码、主机名、端口、路径名、参数、锚点(Fragment Anchor)等信息
通过js解析URL参数,本文创建了一个js类,并引用Request.QueryString,感兴趣的朋友可以参考下,希望对大家有所帮助
purl 解析url的请求参数源码
本文介绍了javascript将url解析为json格式的两种方法,分享给大家,具体如下: 方法一:最简单的方法,利用a标签来实现 function parseUrl(url){ var a=document.createElement('a'); a.href=url; return { ...
本文的宗旨在于教你如何理解URL的正则表达式,以达到理解正则表达式,以及能够在日后的工作中写出相对简单的正则。对js正则表达式解析url相关知识感兴趣的朋友一起学习吧
Javascript 网址解析器 用法使用方式 HTML < script src =' url-parser.js ' type =' text/javascript ' > </ script > Javascript var url = ...