转自http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html
URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:scheme://host:port/path?query#fragment
- scheme:通信协议常用的http,ftp,maito等
- host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
- port:端口号整数,可选,省略时使用方案的默认端口,如http的默认端口为80。
- path:路径由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。
- query:查询可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。
- fragment:信息片断字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)
对于这样一个URL http://www.maidq.com/index.html?ver=1.0&id=6#imhere
我们可以用javascript获得其中的各个部分
- window.location.href整个URl字符串(在浏览器中就是完整的地址栏)本例返回值: http://www.maidq.com/index.html?ver=1.0&id=6#imhere
- window.location.protocolURL 的协议部分本例返回值:http:
- window.location.hostURL 的主机部分本例返回值:www.maidq.com
- window.location.portURL 的端口部分如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符本例返回值:""
- window.location.pathnameURL 的路径部分(就是文件地址)本例返回值:/fisker/post/0703/window.location.html
- window.location.search查询(参数)部分除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值本例返回值:?ver=1.0&id=6
- window.location.hash锚点本例返回值:#imhere
采用正则表达式获取地址栏参数
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));