2010-07-23
URL即统一资源定位符 (Uniform Resource Locator, URL)，完整的URL由这几个部分构成：
scheme://host:port/path?query#fragmentscheme:通信协议，常用的http,ftp,maito等。host:主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号，整数，可选，省略时使用方案的默认端口，如http的默认端口为80。path:路径，由零或多个"/"符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。query:查询，可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页）传递参数，可有多个参数，用"&"符号隔开，每个参数的名和值用"="符号隔开。fragment:信息片断，字符串，用于指定网络资源中的片断。例如一个网页中有多个名词解释，可使用fragment直接定位到某一名词解释。(也称为锚点)
下面我们举例一个URL，然后获得它的各个组成部分。
http://www.nowamagic.net/newsDetail.php?id=65window.location.href
可以获得整个URL字符串（在浏览器中就是完整的地址栏）。
1var test = window.location.href;
2alert(test);
程序返回 http://www.nowamagic.net/newsDetail.php?id=65
window.location.protocol
可以获得 URL 的协议部分
1var test = window.location.protocol;
2alert(test);
程序返回 http:
window.location.host
可以获得 URL 的主机部分
1var test = window.location.host;
2alert(test);
程序返回 www.nowamagic.net
window.location.port
可以获得 URL 的端口部分
1var test = window.location.port;
2alert(test);
如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符。
window.location.pathname
获得 URL 的路径部分（就是文件地址）
1var test = window.location.pathname;
2alert(test);
window.location.search
获得查询（参数）部分，除了给动态语言赋值以外，我们同样可以给静态页面，并使用javascript来获得相信应的参数值。
1var test = window.location.search;
2alert(test);
window.location.hash
获得锚点。
1var test = window.location.hash;
2alert(test);
随机文章推荐C 程序员学习Javascript的三道槛Javascript 带参选择跳转一个JavaScript自由拖拽类介绍DOM 编程艺术：getAtrribute() 方法剖析JavaScript中的null和undefinedjs轮播选择：午餐吃啥？iframe 高度自适应JavaScript教程：变量的类型JavaScript事件机制详细研究JavaScript的return关键字用法JavaScript中类的实现通过Class Name获取一个对象的数组网站分类HTML (44)CSS (105)JavaScript (232)JQuery (53)Ajax (34)PHP (314)Java (39)C/C++ (35)ActionScript (21)PhotoShop (4)XML (1)WordPress (9)数据结构 (14)计算机算法 (56)数据库技术 (66)操作系统 (1)互联网时代 (160)软件项目 (27)编程思想 (57)搜索引擎优化 (31)Web设计理念 (77)软件架构技术 (31)信息化工具 (12)广告设计 (7)程序人生 (18)喃喃细语 (61)
?
注：如需转载本文，请注明出处（原文链接），谢谢。更多精彩内容，请进入简明现代魔法首页。
进入新博客
你也许还会对以下文章感兴趣JavaScript中replace()函数的使用JavaScript中的封装设计模式表格的行也是可以拖动的JSON格式化函数JavaScript函数需要用栈辅助实现编写高质量的JavaScript代码JavaScript字符串数组拼接的性能JavaScript团队编程规范与建议JSON格式化函数JavaScript数组去重的几种方法
最新评论