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 限制数字 js限制输入实现代码
Dec 04 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
Feb 25 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
JavaScript清空数组元素的两种方法简单比较
Jul 10 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
js判断iframe中元素是否存在的实现代码
Dec 24 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
JS+JQuery实现无缝连接轮播图
Dec 30 jQuery
下一代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
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
win10 apache配置虚拟主机后localhost无法使用的解决方法
2018/01/27 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
比较简单的异步加载JS文件的代码
2009/07/18 Javascript
js实现兼容IE6与IE7的DIV高度
2010/05/13 Javascript
读jQuery之五(取DOM元素)
2011/06/20 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
JS实现可拖曳、可关闭的弹窗效果
2015/09/26 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
详解iframe与frame的区别
2016/01/13 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
js判断数组是否包含某个字符串变量的实例
2017/11/24 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
Vue关于组件化开发知识点详解
2020/05/13 Javascript
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
Mac 上切换Python多版本
2017/06/17 Python
澳大利亚电子产品购物网站:Dick Smith
2017/02/02 全球购物
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
中文专业毕业生自荐信
2013/10/28 职场文书
校长就职演讲稿
2014/01/06 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
物业总经理岗位职责
2014/02/28 职场文书
聘任书模板
2014/03/29 职场文书
给孩子的新年寄语
2014/04/08 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
2014年企业工会工作总结
2014/11/12 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript