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”

Answer 2

嘗試將所有html轉換為字符串（類似於content = $("html").html() ）
然后制作3個或更多的正則表達式，或者如果只需要替換../，則可以使用.split.join：
content.split("../").join(" http://my.proxy.server/?url=http://absolute.path.to.page/ ");
然后返回內容$("html").html(content);