使用 Firebug 调试基本 URL 元素

Question

我使用 JS 将 base URL 标记添加到文档头，因此相对链接页面工作。 但它没有生效，Firebug（Firefox 调试插件）显示 ; 元素变灰..为什么？ 这是否意味着 Firefox 无法理解它或者语法不正确？

图片 http://www.freeimagehosting.net/uploads/a3122c1ddd.png

Answer 1

http://www.w3schools.com/TAGS/tag_base.asp

基本标记有两个组件 href 和 target。 你的似乎没问题。 你能举出一些失败链接的例子吗？

请参阅 http://ashita.org/StackOverflow/base_test.html 进行演示。 （我的测试）

编辑：查看评论

function addBase(url) {
    var regex = /^(https?|ftp):\/\//;

    var a = Array.prototype.slice.call(document.getElementsByTagName('a'),0);
    var link = Array.prototype.slice.call(document.getElementsByTagName('link'),0);
    var script = Array.prototype.slice.call(document.getElementsByTagName('script'),0);
    var img = Array.prototype.slice.call(document.getElementsByTagName('img'),0);

    var hrefs = a.concat(link);
    var srcs = img.concat(script);

    var element,href,src;
    for (var i=0,len=hrefs.length;i<len;++i) {
        element = hrefs[i];
        href = element.getAttribute("href");
        if (href) {
            if (!regex.test(href)) {
                href = (url + "/" + href).replace("//","/"); //to handle double slash     collision
                element.setAttribute("href",href);
            }
        }
    }
    for (var i=0,len=srcs.length;i<len;++i) {
        element = srcs[i];
        src = element.getAttribute("src");
        if (src) {
            if (!regex.test(src)) {
                src = (url + "/" + src).replace("//","/"); //to handle double slash     collision
                element.setAttribute("src",src);
            }
        }
    }
}

经过测试并在 firefox 中工作