通过jQuery将相对URL重写为绝对URL

Question

特点：

• 该网站位于不同的镜像上。
• 外部文件中的JavaScript，所有镜像都是一样的。
• 所有外部文件都在文件夹＆＃34; assets＆＃34;。
中
• 在本地文件系统中启动站点的功能。

有代码：

<link href="assets/css/example.css">
<script src="assets/js/example.js"></script>

结果：

<link href="http://different.domain/assets/css/example.css">
<script src="http://different.domain/assets/js/example.js"></script>

Answer 1

也许是这样的：

$(function() {
$("script[src]").each(function() {
$(this).attr("src",location.protocol+"//"+location.hostname+"/"+$(this).attr("src"));
});
});

Answer 2

你应该检查src中已经有完整url的脚本标签和那些根本没有src的脚本标签。例如：

$(function(){
    var domain = window.location.protocol + '//' + window.location.host + '/';
    $('script').each(function(){
        var src = $(this).attr('src');
        if( 'undefined' !== typeof src && '' != src  && !src.match(/^https?:/) ){
            $(this).attr('src', domain + src);
        }
    });
});