Javascript获取当前目录绝对路径

内容摘要

这篇文章主要为大家详细介绍了Javascript获取当前目录绝对路径的简单示例，具有一定的参考价值，可以用来参考一下。

文章正文

这篇文章主要为大家详细介绍了Javascript获取当前目录绝对路径的简单示例，具有一定的参考价值，可以用来参考一下。

对此感兴趣的朋友，看看idc笔记做的技术笔记。一谈到路径相关的问题，大家都会往window.location上想，确实这个对象提供了相当多的路径信息，其中常用的就包括：

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

然而，location没有一个属性能直接获得当前目录（不含文件名）的绝对路径。通过Google我发现了一些错误的方法，比如说把URL通过“/”分离成数组，把数组的最后一项去掉以后再连接成字符串。但如果URL中没有指定文件名，结果就大错特错了。根据以往编码的经验，a元素的href属性总是会返回绝对路径，也就是说它具有把相对路径转成绝对路径的能力。使用下面的代码尝试了一下，果然成了： JS代码如下：


/**
 *获取当前目录绝对路径
 * @param 
 * @arrange （www.idcnote.com）
 **/
var a = document.createElement('a');
a.href = './';
alert(a.href);
a = null;

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


/**
 *获取当前目录绝对路径
 * @param 
 * @arrange （www.idcnote.com）
 **/
var div = document.createElement('div');
div.innerHTML = '<a href="./"></a>";
alert(div.firstChild.href);
div = null;

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

注：关于Javascript获取当前目录绝对路径的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 Javascript 原生全屏API 下一篇 JS 以JRaiser Loader例子浅析Loader

作者：喵哥笔记

学的不仅是技术，更是梦想！