Javascript 监听器捕获当前加载资源的 URL

Question

有没有办法在 javascript 中捕获当前加载资源的 URL。例如，如果浏览器开始下载 JS、CSS 或 IMG 文件，那么有什么方法可以通知我们正在加载哪个资源？

类似于:

window.onResourceLoad = function (e) {
   alert(e.URL);
}

Answer 1

对于 JS，请使用 jQuery getScript() 函数，像这样

$.getScript(URL, function(){
 /*Script loaded*/
 //APPLY ACTION HERE
})

对于 CSS，请从 get 函数加载 css 并将 css 添加到 head

$.get(myStylesLocation, function(css)
{
   $('<style type="text/css"></style>')
      .html(css)
      .appendTo("head");
   /*CSS loaded */
   //APPLY ACTION HERE
});