日期:2014-05-16  浏览次数:20300 次

js的location对象介绍

在写前端JS组件时,由于组件被单独封装到一个js文件中,

而同时组件又有图片在里面的话,找图片路径就有相对路径和绝对路径2种办法。

而此时的相对路径在调用这个js的页面,所以没法写;同时相对路径的../,./../之类的,当文件夹移动后,维护起来很困难,所以无论从原则上,还是这个问题上,采用相对路径都不好。

那么,我们只能用绝对路径,但是绝对路径的名字如果非得传个参数,有点儿让人难受,这里介绍一个用js的方法取页面路径的办法。

window.location.pathname 能得到页面URL的信息,然后通过截取,即可得到想要的路径。

对于window.location属性,全部介绍如下

对于一个完整的URL,其为:

http://localhost:88/RQLibrary/development-bundle/index.jsp?module=a&arg1=b#abcd

则用js时,

window.location.href -? 获取整个URL

window.location.protocol - 获取协议 输出为 “http:”

window.location.host - 输出为 “localhost”

window.location.port - 输出为 “port”

window.location.pathname - 输出为 “/RQLibrary/development-bundle/index.jsp”

window.location.search - 输出为“?module=a&arg1=b”

window.location.hash - 输出为#abcd

?