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

简介:

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

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

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

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



来源:51CTO

相关文章
|
4天前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
20 7
|
1天前
|
缓存 前端开发 JavaScript
React和Next.js开发常见的HTTP请求方法
React和Next.js开发常见的HTTP请求方法
5 0
|
2天前
|
前端开发 JavaScript
前端 JS 经典:Math 常用方法汇总
前端 JS 经典:Math 常用方法汇总
6 0
|
2天前
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
10 2
|
2天前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
7 1
|
2天前
|
JavaScript 前端开发
JS中正则方法的使用 - 蓝易云
以上就是JavaScript中正则方法的基本使用。这些方法可以用于执行复杂的字符串处理和验证任务。
13 1
|
3天前
|
JavaScript 前端开发
JavaScript的`apply`方法:函数的“应用”与“调用”
JavaScript的`apply`方法:函数的“应用”与“调用”
|
3天前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
3天前
|
JavaScript 前端开发
JavaScript的`call`方法:实现函数间的调用!
JavaScript的`call`方法:实现函数间的调用!
|
3天前
|
设计模式 JavaScript 前端开发
JavaScript原型模式:实现对象共享属性和方法!
JavaScript原型模式:实现对象共享属性和方法!