jQuery - Change all URLs on page include CSS & JavaScript files

Question

Is there any way to change all URLs on page, include URLs in CSS/JavaScript files?

This is what I want to do:

HTML file:

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

CSS file:

    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 file:

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

I know it's easy to change URLs of HTML tags with jQuery, but how about URLs in CSS & JavaScript files?

Answer 1

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

And repeat that for "src"

Answer 2

try to convert all html to string (something like content = $("html").html() )
then make 3 or more regular expressions OR if you need to replace only ../ you can use .split.join:
content.split("../").join(" http://my.proxy.server/?url=http://absolute.path.to.page/ ");
and then back content $("html").html(content);