1. 云栖社区>
  2. >
  3. 正文

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

作者:用户 来源:互联网 时间:2016-06-17 11:59:10

javascriptlocationhref根目录获取当前urlpathname

JavaScript获取当前url根目录(路径)_javascript技巧 - 摘要: 本文讲的是JavaScript获取当前url根目录(路径)_javascript技巧, 主要用到Location 对象,包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问。 方法一 (window.document.location.href/window.do

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

方法一 (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 http://www.jb51.net/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 , location , href , 根目录 , 获取当前url pathname javascript 当前路径、javascript 根目录、php 根目录路径、php获取根目录路径、yii2 获取根目录路径,以便于您获取更多的相关知识。

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

开发者常用软件,超百款实用软件一站式提供