js获取系统的根路径实现介绍

 更新时间:2013年09月08日 16:30:46   作者:  
js如何获取系统的根路径,在本文给出了详细的方法,感兴趣的朋友可以参考下,希望对大家有所帮助
复制代码 代码如下:

function getBasePath(){
var obj=window.location;
var contextPath=obj.pathname.split("/")[1];
var basePath=obj.protocol+"//"+obj.host+"/"+contextPath;
return basePath;
}

javascript对象包含

1.window javascript的顶层对象

2.navigator 客户端浏览器的信息

3.screen 客户端显示屏的信息

4.history 浏览器窗口访问过的url信息

5.location 当前url信息

其中location对象包含

比如有这样一个html地址 http://localhost:8080/huyao_soccer/huyao/tag/myplugin.jsp

1.hash

2.host 主机名和当前url的端口号 返回:localhost:8080

3.hostname 主机名 返回:localhost

4.href 完整的url 返回:http://localhost:8080/huyao_soccer/huyao/tag/myplugin.jsp

5.pathname 返回当前url的路径部分 返回:/huyao_soccer/huyao/tag/myplugin.jsp

6.port 端口号 返回:8080

7.protocol 协议 返回: http:

8.search 从?开始的url部门(查询部分)

相关文章

  • javascript实现促销倒计时+fixed固定在底部

    javascript实现促销倒计时+fixed固定在底部

    一个不错的示例使用javascript实现的促销倒计时且同时拥有fixed固定在底部,而且兼容ie6,喜欢的朋友可以参考下
    2013-09-09
  • js实现文件上传表单域美化特效

    js实现文件上传表单域美化特效

    本文为大家分享的是一款效果非常酷的文件上传表单域美化特效。有7种不同的美化文件上传域的效果,很时尚,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JSON的parse()方法介绍

    JSON的parse()方法介绍

    今天小编就为大家分享一篇关于JSON的parse()方法介绍,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • 微信小程序实现贪吃蛇游戏

    微信小程序实现贪吃蛇游戏

    这篇文章主要为大家详细介绍了微信小程序实现贪吃蛇游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 鼠标经过显示二级菜单js特效

    鼠标经过显示二级菜单js特效

    本文章来给大家推荐一个不错的鼠标经过显示二级菜单js特效效果,有需要了解的朋友可以参考一下
    2013-08-08
  • JS高级拖动技术 setCapture,releaseCapture

    JS高级拖动技术 setCapture,releaseCapture

    setCapture 的意思就是设置一个对象的方法被触发的范围,或者作用域。
    2011-07-07
  • 前端渲染CSR和SSR的结合使用思路详解

    前端渲染CSR和SSR的结合使用思路详解

    以往的 SSR 方式有很多,都是人想出来的嘛,基本思路是让服务器提前渲染好然后等请求来的时候加渲染好的页面直接发给客户端浏览器,这篇文章主要介绍了前端渲染CSR和SSR的结合使用分析,需要的朋友可以参考下
    2022-12-12
  • webpack配置proxyTable时pathRewrite无效的解决方法

    webpack配置proxyTable时pathRewrite无效的解决方法

    这篇文章主要介绍了webpack配置proxyTable时pathRewrite无效的解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统

    Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统

    这篇文章主要介绍了Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统的相关资料,需要的朋友可以参考下
    2016-05-05
  • 让IE8支持DOM 2(不用框架!)

    让IE8支持DOM 2(不用框架!)

    众所周知,IE8开放了对DOM原型的支持以及ECMA v5的两个新方法——Object.defineProperty和Object.getOwnPropertyDexcriptor(单词好长……),并且这两个新方法居然只能用于DOM。
    2009-12-12

最新评论