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 变量作用域分析
Jul 04 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
Sep 28 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
Express.JS使用详解
Jul 17 Javascript
Javascript中使用parseInt函数需要注意的问题
Apr 02 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
Jul 28 Javascript
第九章之路径分页标签与徽章组件
Apr 25 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
Jun 16 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 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
PHP的历史和优缺点
2006/10/09 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
JavaScript基本对象
2007/01/11 Javascript
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
Add a Table to a Word Document
2007/06/15 Javascript
javascript 页面只自动刷新一次
2009/07/10 Javascript
JavaScript Event学习第八章 事件的顺序
2010/02/07 Javascript
基于jquery 的一个progressbar widge
2010/10/29 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
JS小游戏之宇宙战机源码详解
2014/09/25 Javascript
get(0).tagName获得作用标签示例代码
2014/10/08 Javascript
九种原生js动画效果
2015/11/11 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
详解在Angular项目中添加插件ng-bootstrap
2017/07/04 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
2019/09/25 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
python和pyqt实现360的CLable控件
2014/02/21 Python
python数组复制拷贝的实现方法
2015/06/09 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
HTML5 File API改善网页上传功能
2009/08/19 HTML / CSS
Agoda香港:全球特价酒店预订
2017/05/07 全球购物
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
啤酒销售实习自我鉴定
2013/09/24 职场文书
商场拾金不昧表扬信
2014/01/13 职场文书
致全体运动员广播稿
2014/02/01 职场文书
重阳节登山活动方案
2014/02/03 职场文书
我的小天地教学反思
2014/04/30 职场文书
数学教研活动总结
2014/07/02 职场文书
导游词之海南-南湾猴岛
2019/10/12 职场文书