手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS获取当前脚本文件的绝对路径
JS获取当前脚本文件的绝对路径
摘要: 当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,下面我们一起来探讨一下这个问题吧!一、各大浏览器的实现方式 [a...

 当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,下面我们一起来探讨一下这个问题吧!

一、各大浏览器的实现方式

 [a]. Chrome和FF

 超简单的一句足矣!

var getCurrAbsPath = function(){ return document.currentScript.src; };

这里利用了对象 document.currentScript ,它返回的是当前执行的script元素;然后调用script元素的src属性即可获取脚本文件的绝对路径。

  [b]. IE10+、Safari和Opera9

 利用Error对象的stack属性(IE10+)、sourceURL属性(Safari)和stacktrace属性(Opera9)萃取绝对路径

var getCurrAbsPath = function(){ var a = {}, stack; try{ a.b(); } catch(e){ stack = e.stack || e.sourceURL || e.stacktrace; } var rExtractUri = /(?:http|https|file)://.*?/.+?.js/, absPath = rExtractUri.exec(stack); return absPath[0] || ''; };

  [C]. IE5.5~9

 遍历文档中的script标签

var getCurrAbsPath = function(){ var scripts = document.scripts; var isLt8 = ('' + document.querySelector).indexOf('[native code]') === -1; for (var i = scripts.length - 1, script; script = scripts[i--];){ if (script.readyState === 'interative'){ return isLt8 ? script.getAttribute('src', 4) : script.src; } } };

二、相关知识介绍

IE5.5~9下script的readyState表示该script元素的状态,分别有以下的状态值:

uninitialized:未初始化

loading:正在加载

loaded:加载完成

interative:执行中

complete:执行完

可通过订阅onreadystatechange事件来监听script元素状态的变化。但不幸的是loaded和complete状态并出现顺序不定且有可能仅出现其中一个,因此建议在动态添加script元素时,先设置src属性后再将script元素添加到DOM树中,这样loaded和complete状态仅会出现其中一个(虽然每次请求时,哪个出现是不定的),比较好监测。

 三、IE和FF下的另一种方式

 通过订阅 window.onerror 事件,事件处理函数将接受三个参数,分别是msg,url和num。这里url就是当前脚本的绝对路径了。

以上就是本文的全部内容,希望对大家的学习有所帮助。

【JS获取当前脚本文件的绝对路径】相关文章:

jQuery获取上传文件的名称的正则表达式

JavaScript事件的理解

JavaScript获取并更改input标签name属性的方法

JavaScript操作XML文件之XML读取方法

js获取滚动距离的方法

使用Node.js处理前端代码文件的编码问题

JS获取时间的相关函数及时间戳与时间日期之间的转换

JavaScript实现斗地主游戏的思路

获取阴历(农历)和当前日期的js代码

jQuery获得字体颜色16位码的方法

精品推荐
分类导航