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

时间:2013-09-02 08:03:19

标签: javascript jquery html css

有没有办法更改页面上的所有网址,包括CSS / JavaScript文件中的网址?

这就是我想要做的事情:

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中的URL如何? JavaScript文件?

2 个答案:

答案 0 :(得分:0)

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

并为“src”重复一遍

答案 1 :(得分:0)

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