javascript文件中获取当前文件路径
程序员文章站
2024-02-04 23:35:36
...
在开发javascript插件的过程中,我们有时候需要获取当前JS文件的路径,用于自动加载一些图片、CSS等外部资源,但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径。
在开发javascript插件的过程中,我们有时候需要获取当前JS文件的路径,用于自动加载一些图片、CSS等外部资源,但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径。研究了下,发现我们可以用下面几种方法来实现:
1,在jQuery中获取当前JS文件路径
在jQuery中获取当前JS文件的路径比较简单,只需要如下一行代码就搞定。
注意,我们一般把这行代码放到文件的开头,让文件加载的时候就立即执行,这样页面中的script元素中,当前文件恰好是最后一个script。我们千万不要把这行代码放到
2,原生javascript获取当前JS文件路径
在原生的javascript中,要获取当前JS文件路径有两种方法。第一种其实思路和在jQuery中是一样的:
在开发javascript插件的过程中,我们有时候需要获取当前JS文件的路径,用于自动加载一些图片、CSS等外部资源,但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径。研究了下,发现我们可以用下面几种方法来实现:
1,在jQuery中获取当前JS文件路径
在jQuery中获取当前JS文件的路径比较简单,只需要如下一行代码就搞定。
var __FILE__ = $("script").last().attr("src");
注意,我们一般把这行代码放到文件的开头,让文件加载的时候就立即执行,这样页面中的script元素中,当前文件恰好是最后一个script。我们千万不要把这行代码放到
$(document).ready();
$(function(){ });
中运行,因为如果放到这些语句中去的话,页面的DOM对象已经加载完毕,当前的script就不一定是最后一个script了,从而导致获取的路径不正确。2,原生javascript获取当前JS文件路径
在原生的javascript中,要获取当前JS文件路径有两种方法。第一种其实思路和在jQuery中是一样的:
var __FILE__, scripts = document.getElementsByTagName("script");
__FILE__ = scripts[scripts.length - 1].getAttribute("src");
第二种方法是利用浏览器的异常处理机制,但是这种方法不支持IE10以下版本的IE浏览器: var __FILE__;
try {
throw Error("获取JS路径有误");
}catch(ex){
if(ex.fileName) //Firefox
__FILE__ = ex.fileName;
else if(ex.stack)//Chrome 或 IE10
__FILE__ = (ex.stack.match(/at\s+(.*?):\d+:\d+/)||['',''])[1];
else if(ex.sourceURL)//Safari
__FILE__ = ex.sourceURL;
}
在原生的javascript中获取当前文件路径的时候,建议使用第一种方法,兼容所有浏览器,第二种方法仅供参考。 AD:真正免费,域名+虚机+企业邮箱=0元
推荐阅读
-
javascript文件中获取当前文件路径
-
asp.net(c#)中取得文件物理路径
-
php获取CSS文件中图片地址并下载到本地的方法_PHP
-
Mac中复制文件路径最简单、最快速的方法
-
调用 getResourceAsStream 获取类路径下的文件对应的输入流.
-
jsp编程获取当前目录下的文件和目录及windows盘符的方法
-
PHP文件操作之获取目录下文件与计算相对路径的方法_PHP
-
JavaScript编程开发中jquery访问ashx文件示例代码
-
javascript中调用php文件不成功
-
sublime-text3 - 关于在sublime text 3 中配置一键浏览器打开php文件,并且是在localhost 本地服务器路径下