JS获取当前文件所在的文件夹全路径

JS获取当前文件所在的文件夹全路径

一、Google,FF浏览器获取当前js文件的路径

document.currentScript.src

//Google,FF 下获取当前js文件的路径
// IE10+、Safari和Opera9不支持
console.info(document.currentScript.src);

 

二、比较兼容的获取方式(推荐)

复制代码
//页面解析到当前为止所有的script标签
var js = document.scripts;
//js[js.length - 1] 就是当前的js文件的路径
js = js[js.length - 1].src.substring(0, js[js.length - 1].src.lastIndexOf("/") + 1);
//输出当前js文件所在的目录
//console.info(js);
复制代码

如路径为 http://localhost:24395/ABC/XX/a.js

结果会得到    http://localhost:24395/ABC/XX/

 

更多:

JS escape()、encodeURI()和encodeURIComponent()的区别

JavaScript随机排序算法1

Js字面变量,定义问题

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
antdv是一种基于Vue.js框架的UI组件库,可以方便地构建美观的用户界面。在antdv中,选择文件夹路径的功能可以通过ant-design-vue的TreeSelect组件来实现。 首先,我们需要引入ant-design-vue库并注册TreeSelect组件。然后,在需要选择文件夹路径的地方,我们可以使用TreeSelect组件,通过设置mode为'directory'来限定只能选择文件夹。同时,我们可以设置treeCheckable属性为true,以允许用户选择多个文件夹。 下面是一个简单的示例代码: ``` <template> <a-tree-select v-model="selectedFolders" :treeData="folderTree" :treeCheckable="true" :multiple="true" :treeCheckStrictly="true" :showSearch="true" mode="directory" placeholder="请选择文件夹路径" /> </template> <script> import { TreeSelect } from 'ant-design-vue'; export default { components: { 'a-tree-select': TreeSelect, }, data() { return { selectedFolders: [], folderTree: [ { title: 'Folder 1', key: '1', children: [ { title: 'Subfolder 1', key: '1-1', }, { title: 'Subfolder 2', key: '1-2', }, ], }, { title: 'Folder 2', key: '2', children: [ { title: 'Subfolder 3', key: '2-1', }, { title: 'Subfolder 4', key: '2-2', }, ], }, ], }; }, }; </script> ``` 在上述代码中,我们使用了TreeSelect组件,并绑定了一个folderTree数据作为树形结构的数据源。当用户选择文件夹路径时,selectedFolders数据会自动更新为选中的文件夹路径。可以根据自己的需要修改folderTree数据。 上述示例代码只是一个简单的演示,你可以根据antdv和Vue.js的使用文档进一步了解并定制TreeSelect组件以满足你的具体需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值