window.location对象获取浏览器地址栏的地址信息

完整的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.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

我们可以用javascript获得其中的各个部分:

1, window.location.href

整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值:

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2,window.location.protocol

URL 的协议部分
本例返回值:

http:

3,window.location.host

URL 的主机部分
本例返回值:

www.x2y2.com

4,window.location.port

URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:

""

5,window.location.pathname

URL 的路径部分(就是文件地址ip)
本例返回值:

/fisker/post/0703/window.location.html

6,window.location.search

查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相应的参数值
本例返回值:

?ver=1.0&id=6

7,window.location.hash

锚点
本例返回值:

#imhere <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容