JavaScript获取当前url根目录(路径)


Posted in Javascript onJune 17, 2016

主要用到Location 对象,包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问。

方法一、js获取项目根路径的方法

function getRootPath(){
  var curPageUrl = window.document.location.href;
  var rootPath = curPageUrl.split("//")[0] + curPageUrl.split("//")[1].split("/")[0] 
          + curPageUrl.split("//")[1].split("/")[1];
  return rootPath;
}

方法二 (window.document.location.href/window.document.location.pathname) ------------转自网络

function getRootPath_web() {
 //获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
 var curWwwPath = window.document.location.href;
 //获取主机地址之后的目录,如: uimcardprj/share/meun.jsp
 var pathName = window.document.location.pathname;
 var pos = curWwwPath.indexOf(pathName);
 //获取主机地址,如: http://localhost:8083
 var localhostPaht = curWwwPath.substring(0, pos);
 //获取带"/"的项目名,如:/uimcardprj
 var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
 return (localhostPaht + projectName);
}

方法三(window.location.pathname/window.location.protocol/window.location.host)

function getRootPath_dc() {
 var pathName = window.location.pathname.substring(1);
 var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
 if (webName == "") {
  return window.location.protocol + '//' + window.location.host;
 }
 else {
  return window.location.protocol + '//' + window.location.host + '/' + webName;
 }
}

注:

1、document默示的是一个文档对象,window默示的是一个窗口对象,一个窗口下可以有多个文档对象。
所以一个窗口下只有一个window.location.href,然则可能有多个document.URL、document.location.href------------转自网络

2、window.location.href和document.location.href可以被赋值,然后跳转到其它页面,document.URL只能读不克不及写------------转自网络

3、Location 对象详细信息参考w3school https://3water.com/w3school/jsref/dom_obj_location.htm

三水点靠木小编补充:

排除某些目录的广告实现

var pathName = window.document.location.pathname;
var projectName = pathName.substring(1, pathName.substr(1).indexOf('/') + 1);
var ad_projectlist = ',,web,html5,css,';
if(ad_projectlist.indexOf(','+projectName+',') < 0){
 alert("web,html5,css几个目录代码不执行");
}

以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 变量基础知识
Nov 07 Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
Nov 21 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
javascript 常见功能汇总
Jun 11 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
Javascript实现可旋转的圆圈实例代码
Aug 04 Javascript
jquery.mousewheel实现整屏翻屏效果
Aug 30 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
Dec 21 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
下一代Bootstrap的5个特点 超酷炫!
Jun 17 #Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 #Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 #Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 #Javascript
Bootstrap前端开发案例二
Jun 17 #Javascript
jQuery查看选中对象HTML代码的方法
Jun 17 #Javascript
Bootstrap前端开发案例一
Jun 17 #Javascript
You might like
php 上传功能实例代码
2010/04/13 PHP
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
解决file_get_contents无法请求https连接的方法
2013/12/17 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
Laravel模型间关系设置分表的方法示例
2018/04/21 PHP
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
2013/12/28 Javascript
清除div下面的所有标签的方法
2014/02/17 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
老司机带你解读jQuery插件开发流程
2016/05/16 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
angular2路由之routerLinkActive指令【推荐】
2018/05/30 Javascript
mpvue 如何使用腾讯视频插件的方法
2018/07/16 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
解决Vue router-link绑定事件不生效的问题
2020/07/22 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
Python中列表的一些基本操作知识汇总
2015/05/20 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
Python实现获取汉字偏旁部首的方法示例【测试可用】
2018/12/18 Python
在PyCharm导航区中打开多个Project的关闭方法
2019/01/17 Python
python创建属于自己的单词词库 便于背单词
2019/07/30 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
Python中用pyinstaller打包时的图标问题及解决方法
2020/02/17 Python
CSS3实现可关闭的下拉手风琴菜单效果
2015/08/31 HTML / CSS
师范生实习个人的自我评价
2013/09/28 职场文书
小学领导班子对照材料
2014/08/23 职场文书
党建工作整改措施
2014/10/28 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书