如何使用javascript获取浏览器加载的文件列表

How to get a list of files loaded by browser with last request using javascript?

本文关键字:文件 列表 加载 浏览器 何使用 javascript 获取      更新时间:2023-09-26

我是javascript世界的新手,我有一个问题:有没有办法访问浏览器上次请求加载的文件列表?我的意思是:当浏览器加载网页时,它不仅会加载html文件,还会加载css,jpeg等。我想知道页面上的javascript脚本是什么加载文件的文件名。提前感谢!

我不知道

这是否是一个简洁的解决方案,但是使用jQuery,您可以执行以下操作:

$('script').each(function(){
var file = $(this).attr("src");
$( "#result" ).append( file + "<br />" ); 
});
$('link').each(function(){
var file = $(this).attr("href");
 $( "#result" ).append( file + "<br />"); 
});
$('img').each(function(){
var file = $(this).attr("src");
 $( "#result" ).append( file + "<br />"); 
});

小提琴:http://jsfiddle.net/Mdp9J/3/

在纯Javascript中可能是这样的:

var script = document.getElementsByTagName("SCRIPT");
for (var i = 0; i < script.length; i++) {
    document.getElementById("result").innerHTML += script[i].src + "<br />";
}
var image = document.getElementsByTagName("IMG");
for (var i = 0; i < image.length; i++) {
    document.getElementById("result").innerHTML += image[i].src + "<br />";
}
var link = document.getElementsByTagName("LINK");
for (var i = 0; i < link.length; i++) {
    document.getElementById("result").innerHTML += link[i].href + "<br />";
}

小提琴:http://jsfiddle.net/Lotc8dda/