javascript - jQuery - 更改页面上的所有 URL 包括 CSS 和 JavaScript 文件

Question

有没有办法更改页面上的所有 URL，包括 CSS/JavaScript 文件中的 URL？

这就是我想要做的:

HTML 文件:

    Before:
    <a href='../foo.html'></a>
    After:
    <a href='http://my.proxy.server/?url=http://absolute.path.to.page/foo.html'></a>

CSS 文件:

    Before:
    .bar {background-image: url(../foo.png);}
    After:
    .bar {background-image: 
        url(http://my.proxy.server/?url=http://absolute.path.to.image/foo.png);}

JavaScript 文件:

    Before:
    window.open('../foo.html')
    After:
    window.open('http://my.proxy.server/?url=http://absolute.path.to.page/foo.html')

我知道使用 jQuery 更改 HTML 标记的 URL 很容易，但是 CSS 和 JavaScript 文件中的 URL 又如何呢？

Answer 1

$("*").each(function(){
   if($(this).attr("href"){
     $(this).attr("href","'http://my.proxy.server/?url=http://absolute.path.to.page/foo.html");
   }
});

并为“src”重复该操作