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

西域战神 2021-09-10 09:41:36 ⋅ 998 阅读
然而,location没有一个属性能直接获得当前目录(不含文件名)的绝对路径。通过Google我发现了一些错误的方法,比如说把URL通过“/”分离成数组,把数组的最后一项去掉以后再连接成字符串。但如果URL中没有指定文件名,结果就大错特错了。
 
我发现在Stackoverflow上也有人提出了这个问题,而解决方法也是很简单的,只要把a通过innerHTML注入就可以了
// 通过相对路径获取绝对路径
function getAbsoluteUrl(path){
    if(path.indexOf("http") != -1 || path.indexOf("file") != -1){
        return path;
    }
    let div = document.createElement('div');
    div.innerHTML = "<a href='" + path + "'></a>";
    const absoluteUrl = div.firstChild.href;
    div = null;
    return absoluteUrl;
}

全部评论: 0

    我有话说:

    前端实战篇—在Javascript,Number类型超长问题详解

    今天给大家分享是在Javascript获取到数字超出长度问题。

    DDDplus 1.0.2 发布,轻量级业务台开发框架

    DDDplus 简介 一套轻量级业务台开发框架,以DDD思想为本,致力于业务资产可沉淀可传承,全方位解决复杂业务场景扩展问题,实现台核心要素,赋能台建设。 融合了前台复杂生态协作方法论

    ECharts 5.0.1 发布,JavaScript 实现交互式图表可视化库

    Apache ECharts (incubating) 5.0.1 已发布,ECharts 是一个使用 JavaScript 实现开源可视化库,可以流畅运行在 PC 和移动设备上,兼容

    易于使用跨平台canvas 绘图解决方案——SpriteJS

    https://www.toutiao.com/a6693865670699909646简介sprite.j

    Fes.js v0.4.1 版本发布,一套优秀后台系统前端解决方案

    Fes.js 是一套优秀后台前端解决方案。提供初始项目、开发调试、Mock接口、编译打包命令行工具。内置布局、权限、数据字典、状态管理、存储、Api等多个模块。以约定、配置化、组件化设计思想

    精品推荐:大神总结十大 JavaScript 错误及如何规避

    通过统计数据库1000多个项目,我们发现在 JavaScript 最常出现错误有10个。下面会向大家介绍这些错误发生原因以及如何防止。

    11 个Javascript机器学习库

    1. Brain.js Brain.js是一个Javascript库,用于替代(现在已弃用)“ 脑 ”库神经网络,该库可与Node.js一起使用或在浏览器使用(注释计算),并为不同任务提供不同

    「开源资讯」React 17 正式版发布,构建用户界面 JavaScript

    React简介 React(有时叫React.js或ReactJS)是 Facebook 推出一个为数据提供渲染为 HTML 视图,用来构建用户界面开源 JavaScript 库。 React

    【收藏】18 个 Java8 日期处理实践,太有用了!

    来源:https://juejin.im/post/5a795bad6fb9a0634f407ae5 Java 8 日期处理 Java 8 推出了全新日期时间API,在教程我们将通过一些简单

    Apache SkyWalking 8.2.0 发布:新增浏览器端监控和指标分析语言、使用标签查询

    Apache SkyWalking 8.2.0 已发布,SkyWalking 是观察性分析平台和应用性能管理系统 (APM),提供分布式追踪、服务网格遥测分析、度量聚合和可视化一体化解决方案,支持

    A3Mall v1.5.2 发布,免费开源 PHP 小程序商城系统

    项目介绍 A3Mall商城系统是基于ThinkPhp6.0+Vue开发一套移动电商系统, 支持微信公众号商城、H5商城、小程序商城,支持多种营销活动,优惠劵、订单活动、团购、秒杀、会员特价、积分

    浅谈httpCache-Control

    前言   我们用http访问时,会先发送一个请求,之后服务器返回一个应答,在Chrome开发者工具(按F12或右击选择检查)展现了整个过程:     第一部分

    前端实战篇:JavaScript 反调试技巧简单应用(上)

    最近作者看了一些关于JavaScript反调试帖子,今天给大家整理一下希望有帮助。

    代码整洁之道:Lombok 使用

    Lombok项目是一种自动接通你编辑器和构建工具一个Java库。不用再一次写额外getter或者equals方法

    精品推荐:Javascript 将 HTML 页面生成 PDF 并下载

    最近碰到个需求,需要把当前页面生成 pdf并下载,有需要可以看看哦~~~

    微软改进 Chromium 标签页恢复功能

      微软正在为 Chromium 改进标签页恢复功能,以提升 Edge 和 Chrome 可靠性。 当 Chrome/Edge 遭遇意外关闭或崩溃时,再次启动后会提供恢复标签页及其会

    验证码实在太过反人类?自动跳过验证码神器

    原文:https://3w.huanqiu.com/a/7224b9/40hvQr4vA3J 目前网络上越来越多使用验证码了,验证码本意是阻止机器刷流量挤占服务器资源,这本来无可厚非;但是验证码

    前端实战篇:JavaScript 反调试技巧简单应用(下)

    通过时间差异、DevTools检测(Chrome)、隐式流完整性控制和 代理对象来达到JavaScript反调试目