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

尝试将所有 html 转换为字符串（类似于content = $("html").html()）
，然后制作 3 个或更多正则表达式，或者如果您只需要替换 ../ 您可以使用 .split.join: 然后返回内容
content.split("../").join("http://my.proxy.server/?url=http://absolute.path.to.page/");
$("html").html(content);

Answer 2

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

并重复“src”