Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 在浏览器中获取当前执行的脚本文件名的代码_javascript技巧

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

WBOY
Freigeben： 2016-05-16 18:04:31
Original
1250 Leute haben es durchsucht

背景
同事提了一个问题，如何在浏览器中动态插入的 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

Verwandte Etiketten：
浏览器
Quelle：php.cn
Vorheriger Artikel：基于jquery实现的移入页面上空文本框时，让它变为焦点，移出清除焦点_jquery Nächster Artikel：jquery 结合C#后台的数组对文章的关键字自动添加链接的代码_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
9
1588
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
Das Eingabeelement konnte nicht von der Website abgerufen werden Ich versuche also, ein Eingabeelement von Twitter abzurufen, aber wenn ich es ausführe, er...
Aus 2024-04-06 18:59:57
0
1
442
Generieren Sie Standardwerte und CSS-Variablen mit SCSS Ich setze Website-Styling um. Aus Gründen der Legacy-Unterstützung muss ich IE11 zumindest...
Aus 2024-04-06 17:46:54
0
1
355
Öffnen Sie Berechnungsdokumente mit window.open() und data: scheme Ich habe eine Webseite, die in einem Browser ausgeführt wird, der ein berechnetes HTML-Dok...
Aus 2024-04-06 15:06:34
0
1
378
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage