百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> javascript中使用a标签获取当前目录的绝对路径方法
分享文章到:

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

发布时间:01/15 来源: 浏览: 关键词:
下面我们来看一篇关于javascript中使用a标签获取当前目录的绝对路径方法文章希望文章对各位朋友会带来帮助.

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

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

vara=document.createelement('a');
a.href='./';
alert(a.href);
a=null;

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

vardiv=document.createelement('div');
div.innerhtml='<ahref=./></a>;
alert(div.firstchild.href);
div=null;

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

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有18人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板