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

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

仁化网站建设公司创新互联,仁化网站设计制作，有大型网站制作公司丰富经验。已为仁化1000+提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱，请找那个售后服务好的仁化做网站的公司定做！

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;

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

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容