masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 在浏览器中获取当前执行的脚本文件名的代码_javascript技巧

在浏览器中获取当前执行的脚本文件名的代码_javascript技巧

WBOY
Lepaskan： 2016-05-16 18:04:31
asal
1258 orang telah melayarinya

背景
同事提了一个问题，如何在浏览器中动态插入的 JavaScript 文件中，获取当前文件名？

除了服务器输出一个文件名外，在脚本中获取应该只有下面三种做法。

解法A
普遍的解法，只能用于页面静态scripts标签引入或者单个动态加载。

复制代码 代码如下:

var scripts = document.getElementsByTagName('script');
var filename = scripts[scripts.length -1].src;

动态插入多个脚本标签的情况：
复制代码 代码如下:

loadScript('b.js?param=1')
loadScript('a.js?param=2')
loadScript('b.js?param=3')
loadScript('a.js?param=4')

/* 输出
a.js >>> http://localhost:800/io/a.js?param=4
a.js >>> http://localhost:800/io/a.js?param=4
b.js >>> http://localhost:800/io/a.js?param=4
b.js >>> http://localhost:800/io/a.js?param=4
*/

解法B
变态型，只能工作于FireFox：
复制代码 代码如下:

try {
throw new Error();
}
catch(exception){
console.log( exception.fileName );
}

解法C
我的解法，操作源代码：
复制代码 代码如下:

requireScript('a.js?'+Date.now(),function(text,src) {
console.log('text:',text);
globalEval('(function() { \nvar __filename = "'+ src +'";\n'+ text +'\n;})();');
})

浏览器输出：
复制代码 代码如下:

<script>(function() { <BR>var __filename = "a.js?1310971812334"; <BR>var scripts = document.getElementsByTagName('script'); <BR>console.log('a.js',' >>> ',scripts[scripts.length -1].src); <BR>console.log(__filename); <BR>;})();</script>

优点：可靠、可缓存、可推迟执行、可扩展。
限制：1）变量命名被约定为“__filename”；2）同源策略。
又想到这个加载策略用来加载流行的 CoffeeScript，比如：

复制代码 代码如下:

requireScript('script.coffee',function(text,src) {
if( isCoffeeScript(src) )
globalEval( CoffeeScript.compile(text) );
})

链接

Cross-Origin Resource Sharing

Passing JavaScript arguments via the src attribute

CoffeeScript

查看或下载

https://gist.github.com/1088730

Label berkaitan：
pelayar
sumber：php.cn
Artikel sebelumnya：基于jquery实现的移入页面上空文本框时，让它变为焦点，移出清除焦点_jquery Artikel seterusnya：jquery 结合C#后台的数组对文章的关键字自动添加链接的代码_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
9
1588
Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan? Apabila pengguna mengklik pautan untuk menyemak imbas tapak web, bar navigasi tidak ditutu...
daripada 2024-04-06 19:23:03
0
1
411
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Hasilkan nilai lalai dan pembolehubah CSS menggunakan SCSS Saya sedang melaksanakan penggayaan laman web. Atas sebab sokongan warisan, saya perlu men...
daripada 2024-04-06 17:46:54
0
1
355
Buka dokumen pengiraan menggunakan window.open() dan data: skema Saya mempunyai halaman web yang berjalan dalam penyemak imbas yang menjana dokumen HTML te...
daripada 2024-04-06 15:06:34
0
1
378
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan