1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > JS获取当前脚本文件的绝对路径【javascript】

JS获取当前脚本文件的绝对路径【javascript】

时间:2020-11-29 04:02:25

相关推荐

JS获取当前脚本文件的绝对路径【javascript】

web前端|js教程

JS获取当前绝对路径,JS获取脚本绝对路径

web前端-js教程

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

人力资源公司官网源码,Ubuntu怎样放大光标,服务器热部署tomcat,鼻孔爬虫图片,php排序入门教程学习,seo js步骤lzw

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

etcd源码 编译,vscode自动网页,ubuntu sokit,怎么隐藏tomcat,下载sqlite头文件资源,dz论坛主题分类插件,不用写前端框架可以吗,爱企查爬虫 股权穿透,php ios开发,河南seo优化流程,网站代码提取,商城网页原码,个人网站web模板lzw

[a]. Chrome和FF

bs源码,vscode中怎样搜索类,ubuntu退出adb,tomcat弱口令复现,爬虫会有什么,php hash 解密,石嘴山谷歌seo营销公司,中药网站源代码,mui模板案例lzw

超简单的一句足矣!

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;} }};

B、相关知识介绍

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

uninitialized:未初始化

loading:正在加载

loaded:加载完成

interative:执行中

complete:执行完

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。