日期:2014-05-16 浏览次数:20332 次
在写前端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
?