JS获取自身所在文件的路径
2013-10-30 18:03
288 查看
很多时候我们都需要在js文件中获取该文件的详细路径,以便根据其他文件与该js的相对位置计算并设置其他一些文件如图片或样式或脚本的目录路径。我们一般都这样做:
假设外部js文件的文件名为:test.js,则在test.js中都这样写:
var js=document.scripts;
var jsPath;
for(var i=0;i<js.length;i++){
if(js[i].src.indexOf("test.js")>-1){
jsPath=js[i].src.substring(0,js[i].src.lastIndexOf("/")+1);
}
}
alert(jsPath);
或者为了提高效率,这样写
var js=document.scripts;
var jsPath;
for(var i=js.length;i>0;i--){
if(js[i-1].src.indexOf("test.js")>-1){
jsPath=js[i-1].src.substring(0,js[i-1].src.lastIndexOf("/")+1);
}
}
alert(jsPath);
这种思路很清晰,根据文件名获取引用的文件的src属性并进行判断截取即可。
但这种办法有以下两个缺点:
1、需要遍历页面的js文件,有时可能效率会比较低。
2、如果页面中出现目录不同的重名的js文件则可能判断错误。
其实我们可以有更简单的办法来准确获取路径,这是在一次js测试突然发现并幡然醒悟的。
var js=document.scripts;
js=js[js.length-1].src.substring(0,js[js.length-1].src.lastIndexOf("/")+1);
alert(js);
直接使用js.length?这会正确吗?
其实仔细想想,由于判断路径的js代码一般都直接放在js文件中而不是函数中,所以当加载该js文件时会立即执行其中的语句,而执行此语句时所获取到的js文件数目正好是js.length-1,因为页面后面的js文件还没有加载,所以该处的js文件获取的数目并不是页面所有的js文件的数目。这样一来,获取路径就无需再遍历了,而且文件判断也无需文件名,判断更加准确(js.length-1永远都是其文件本身)。
补充: 使用时发现当引入的文件路径是这样的
<script language="Javascript" src="C:\Documents and Settings\XmlPC\html\calendar\AX_Encoder.js"></script>
没有用 / 而用\ 时,上面的方法就行不通了,而且改变为lastIndexOf("\\")也不行,找到的解决办法是:
var js=document.scripts;
var jsPath;
for(var i=js.length;i>0;i--){
if(js[i-1].src.indexOf("AX_Encoder.js")>-1){
if(js[i-1].src.lastIndexOf("\\")<0){
jsPath=js[i-1].src.substring(0,js[i-1].src.lastIndexOf("/")+1);
}else{
jsPath=js[i-1].src.substring(0,js[i-1].src.lastIndexOf("\\")+1);
}
break;
}
}
alert("jsPath"+jsPath);
这样就不论是 \ 还是 / 都可以取到正确路径,同时需要注意JS的文件名不要重复或被包含,起个特殊的文件名就OK了。
假设外部js文件的文件名为:test.js,则在test.js中都这样写:
var js=document.scripts;
var jsPath;
for(var i=0;i<js.length;i++){
if(js[i].src.indexOf("test.js")>-1){
jsPath=js[i].src.substring(0,js[i].src.lastIndexOf("/")+1);
}
}
alert(jsPath);
或者为了提高效率,这样写
var js=document.scripts;
var jsPath;
for(var i=js.length;i>0;i--){
if(js[i-1].src.indexOf("test.js")>-1){
jsPath=js[i-1].src.substring(0,js[i-1].src.lastIndexOf("/")+1);
}
}
alert(jsPath);
这种思路很清晰,根据文件名获取引用的文件的src属性并进行判断截取即可。
但这种办法有以下两个缺点:
1、需要遍历页面的js文件,有时可能效率会比较低。
2、如果页面中出现目录不同的重名的js文件则可能判断错误。
其实我们可以有更简单的办法来准确获取路径,这是在一次js测试突然发现并幡然醒悟的。
var js=document.scripts;
js=js[js.length-1].src.substring(0,js[js.length-1].src.lastIndexOf("/")+1);
alert(js);
直接使用js.length?这会正确吗?
其实仔细想想,由于判断路径的js代码一般都直接放在js文件中而不是函数中,所以当加载该js文件时会立即执行其中的语句,而执行此语句时所获取到的js文件数目正好是js.length-1,因为页面后面的js文件还没有加载,所以该处的js文件获取的数目并不是页面所有的js文件的数目。这样一来,获取路径就无需再遍历了,而且文件判断也无需文件名,判断更加准确(js.length-1永远都是其文件本身)。
补充: 使用时发现当引入的文件路径是这样的
<script language="Javascript" src="C:\Documents and Settings\XmlPC\html\calendar\AX_Encoder.js"></script>
没有用 / 而用\ 时,上面的方法就行不通了,而且改变为lastIndexOf("\\")也不行,找到的解决办法是:
var js=document.scripts;
var jsPath;
for(var i=js.length;i>0;i--){
if(js[i-1].src.indexOf("AX_Encoder.js")>-1){
if(js[i-1].src.lastIndexOf("\\")<0){
jsPath=js[i-1].src.substring(0,js[i-1].src.lastIndexOf("/")+1);
}else{
jsPath=js[i-1].src.substring(0,js[i-1].src.lastIndexOf("\\")+1);
}
break;
}
}
alert("jsPath"+jsPath);
这样就不论是 \ 还是 / 都可以取到正确路径,同时需要注意JS的文件名不要重复或被包含,起个特殊的文件名就OK了。
相关文章推荐
- JS获取自身所在文件的目录路径
- 获取引用js文件所在的路径(做jquery插件用)
- JS获取当前文件所在的文件夹全路径
- JS获取当前文件所在的文件夹全路径
- JS获取本地文件所在的绝对路径
- JS获取当前文件所在的文件夹全路径
- node.js认识学习二:__dirname获取当前模块文件所在目录的完整绝对路径
- JS获取当前文件所在的文件夹全路径
- [MFC]获取EXE执行文件所在的路径
- 如何使用JS获取IE上传文件路径(IE7,8)
- 上传时获取文件的完整路径图片预览的js代码(兼容Firfox和IE)
- C++ sdk 获取执行文件所在路径
- 关于js获取上传文件的完整路径问题?
- xcode中获取js文件的路径方法(推荐)
- Ruby 获取当前执行文件所在路径 ; ruby获取当前路径
- Python语言获取脚本文件所在路径
- JS获取IE上传文件路径、后缀、大小、文件名代码
- delphi 获取文件所在路径
- 原生js如何获取当前所加载网页的文件路径和名称
- 在.js文件中获取绝对路径的方法