Home > Article > Web Front-end > Javascript中使用A标签获取当前目录的绝对路径方法_javascript技巧

Javascript中使用A标签获取当前目录的绝对路径方法_javascript技巧

WBOYOriginal: 2016-05-16 16:11:441644browse

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

1.location.href：当前页面的完整URL
2.location.pathname：当前URL中的路径名
3.location.hash：当前URL中的锚点
4.location.search：当前URL中的查询参数

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

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

复制代码代码如下:

var a = document.createElement('a');

a.href = './';

alert(a.href);

a = null;

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

复制代码代码如下:

var div = document.createElement('div');
div.innerHTML = '";
alert(div.firstChild.href);
div = null;

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

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Jquery实现地铁线路指示灯提示牌效果的方法_jqueryNext article：Javascript动画的实现原理浅析_javascript技巧

See more

Javascript中使用A标签获取当前目录的绝对路径方法_javascript技巧

Related articles