javascript中使用a标签获取当前目录的绝对路径方法

开发 前端
这篇文章主要介绍了javascript中使用a标签获取当前目录的绝对路径方法,本文讲解的方法比较特别,需要的朋友可以参考下
 

一谈到路径相关的问题,大家都会往window.location上想,确实这个对象提供了相当多的路径信息,其中常用的就包括:

[[130790]]

1.location.href:当前页面的完整url

2.location.pathname:当前url中的路径名

3.location.hash:当前url中的锚点

4.location.search:当前url中的查询参数

然而,location没有一个属性能直接获得当前目录(不含文件名)的绝对路径。通过google我发现了一些错误的方法,比如说把url通过“/”分离成数组,把数组的***一项去掉以后再连接成字符串。但如果url中没有指定文件名,结果就大错特错了。

根据以往编码的经验,a元素的href属性总是会返回绝对路径,也就是说它具有把相对路径转成绝对路径的能力。使用下面的代码尝试了一下,果然成了:

 

  1. var a = document.createelement('a'); 
  2. a.href = './'
  3. alert(a.href); 
  4. a = null

很不幸地,此方法在老旧的ie 6/7下无效,当执行alert(a.href)时,弹出的仍然是“./”。后来,我发现在stackoverflow上也有人提出了这个问题,而解决方法也是很简单的,只要把a通过innerhtml注入就可以了:

代码如下:

 

  1. var div = document.createelement('div'); 
  2. div.innerhtml = '<a href=./></a>; 
  3. alert(div.firstchild.href); 
  4. div = null

有人可能会问:为何不用正则表达式?我的答案是:要考虑有无文件名的情况、有无锚点的情况、有无查询参数的情况,这条正则表达式可能会挺复杂的。

责任编辑:王雪燕 来源: 站长网
相关推荐

2022-11-04 10:49:56

Linux文件

2010-03-18 08:48:30

Python入门

2010-06-23 17:26:01

2011-07-11 13:29:03

JAVA

2011-06-23 15:33:24

SEO

2009-08-06 18:31:57

C#相对路径绝对路径

2022-08-29 14:11:10

Linux绝对路径相对路径

2022-11-16 10:13:29

Linux相对路径绝对路径

2014-11-10 11:49:01

QCMSQCMS漏洞安全漏洞

2019-08-30 09:54:39

LinuxC语言文本编辑器

2019-04-23 15:20:26

JavaScript对象前端

2009-08-07 13:24:35

C#获取相对路径

2009-08-07 13:38:18

C#文件相对路径

2022-08-26 13:56:30

模块JavaScript

2023-10-22 08:39:13

Linux目录切换

2015-04-17 16:44:22

swiftOC

2020-09-23 08:53:48

父文件夹模块Python

2009-12-09 16:28:32

PHP路径函数

2010-11-08 14:02:40

SQL Server系

2009-08-28 16:06:57

C#获取当前路径方法
点赞
收藏

51CTO技术栈公众号