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 相关文章推荐
js宝典学习笔记(上)
Jan 10 Javascript
基于jquery的图片轮播 tab切换组件
Jul 19 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
js同源策略详解
May 21 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
JavaScript函数节流和函数防抖之间的区别
Feb 15 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
Vue.js 图标选择组件实践详解
Dec 03 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
May 15 Javascript
JS前端使用canvas实现物体的点选示例
Aug 05 Javascript
下一代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
做个自己站内搜索引擎
2006/10/09 PHP
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
div li的多行多列 无刷新分页示例代码
2013/10/16 PHP
laravel ORM关联关系中的 with和whereHas用法
2019/10/16 PHP
Aster vs KG BO3 第一场2.18
2021/03/10 DOTA
js简单工厂模式用法实例
2015/06/30 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
js简单实现网页换肤功能
2017/04/07 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
js如何验证密码强度
2020/03/18 Javascript
微信小程序收藏功能的实现代码
2020/06/19 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[49:31]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第二场 1月29日
2021/03/11 DOTA
python使用wxPython打开并播放wav文件的方法
2015/04/24 Python
详解Python的Django框架中的通用视图
2015/05/04 Python
pycharm打开命令行或Terminal的方法
2019/01/16 Python
用pyqt5 给按钮设置图标和css样式的方法
2019/06/24 Python
Flask配置Cors跨域的实现
2019/07/12 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
业务经理的岗位职责
2013/11/16 职场文书
优秀应届毕业生推荐信
2014/02/18 职场文书
同学聚会主持词
2014/03/18 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
财务情况说明书范文
2014/05/06 职场文书
党支部换届选举方案
2014/05/08 职场文书
激励员工的口号
2014/06/16 职场文书
个人剖析材料范文
2014/09/30 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
咖啡厅里的创业计划书
2019/08/21 职场文书
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技