您现在的位置:首页 --> JavaScript --> 取得当前script元素的src(path)
取得当前script元素的src(path)
浏览:3216次 出处信息
在正常情况下,无defer或async等属性干扰的情况下要准确取得当前script的执行路径
1. MDC里有介绍document.currentScript =》 https://developer.mozilla.org/en-US/docs/DOM/document.currentScript
还能看是否是异步加载还是阻塞加载,确实比较人性化。
2. 在IE下的表现比较出乎我的意料,最后来说明。
没测opera,拍脑袋想应该是支持的吧。
<script type="text/javascript">
function getCurrentScriptPath() {
//firefox可以直接得到currentScript
if (document.hasOwnProperty('currentScript')) {
return document.currentScript.src;
}
var scripts = document.scripts || document.getElementsByTagName('script'),
len = scripts.length,
state = 'interactive';
//兼容IE
for (var i=0; i <len; i++) {
if (scripts[i].readyState==state) {
return scripts[i].src;
}
}
//webkit
return scripts[len-1].src;
}
</script>
function getCurrentScriptPath() {
//firefox可以直接得到currentScript
if (document.hasOwnProperty('currentScript')) {
return document.currentScript.src;
}
var scripts = document.scripts || document.getElementsByTagName('script'),
len = scripts.length,
state = 'interactive';
//兼容IE
for (var i=0; i <len; i++) {
if (scripts[i].readyState==state) {
return scripts[i].src;
}
}
//webkit
return scripts[len-1].src;
}
</script>
关于第二个问题吧,网上有_franky同学写的一篇文章讲script readyState问题。
无奈,他怎么每篇blog都写这么多字啊,看得我心急火撩的,写完这笔记再好好看下他写的文章,下次有机会见面也一定和他好好讨论一下这个blog字数的问题。
回到正题,其实就是想说,IE下的script src的方式不一定是“阻塞”的。场景如下:
page.html里引入一个外链的script,a.js
a.js里的代码也是外链两个script,a.a.js与a.b.js。这里的引入办法是用document.write来引入。
a.js代码:
document.write('<script src="a.a.js"><\/script>');
document.write('<script src="a.b.js"><\/script>');
document.write('<script src="a.b.js"><\/script>');
此时,我们把所有信息简化成(IE6~IE10)
1. 我们在a.a.js里去看看所有script的readyState的话,是:
a.js -- complete
a.a.js -- interactive
a.b.js -- loaded
2.
a.a.js代码:
var scripts = document.getElementsByTagName('script');
document.title = script[script.length-1].src;
//如果是a.a.js理解起来还很容易 - script阻塞加载嘛
//此时这里IE输出是a.b.js,其他浏览器是a.a.js。
document.title = script[script.length-1].src;
//如果是a.a.js理解起来还很容易 - script阻塞加载嘛
//此时这里IE输出是a.b.js,其他浏览器是a.a.js。
上述的结论告诉我们,其实IE里已经加载了a.js, a.a.js, a.b.js了!
理论知识告诉我们。
a.js是complete可以理解
a.a.js也可以理解
a.b.js是loaded就 不能理解了,谁说script src是阻塞。。。
马后炮的解释也不是不可以 ---- 他是IE,就是下载了是下载了,但是还是阻塞运行。
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:javascript扩展Array(数组)类
后一篇:使用 SourceMap 来进行前端代码调试 >>
文章信息
- 作者:Rank <null@null.com> 来源: rank's technical notes
- 标签: path src
- 发布时间:2012-12-14 14:07:00
建议继续学习
近3天十大热文
- [46] 界面设计速成
- [40] 视觉调整-设计师 vs. 逻辑
- [40] Oracle MTS模式下 进程地址与会话信
- [38] IOS安全–浅谈关于IOS加固的几种方法
- [37] android 开发入门
- [36] 如何拿下简短的域名
- [36] 程序员技术练级攻略
- [35] 图书馆的世界纪录
- [35] 【社会化设计】自我(self)部分――欢迎区
- [32] 读书笔记-壹百度:百度十年千倍的29条法则