根据base.href或位置生成规范/真实URL

发布于 2024-09-01 10:18:27 字数 660 浏览 9 评论 0原文

是否有方法/函数可以获取规范/转换后的 URL，并尊重页面的任何 base.href 设置？

我可以通过（在 jQuery 中）使用 $("base").attr("href") 获取基本 URL，并且我可以使用字符串方法来解析与此相关的 URL，但是

$("base").attr("href") 没有主机、路径等属性（就像 window.location 有），
手动将它们放在一起是相当乏味的

，例如，给定 "http:// /example.com/foo/" 和相对 URL "/bar.js"，结果应该是："http://example.com/bar.js "

如果 base.href 不存在，则 URL 应相对于 window.location。这应该处理不存在的base.href（在这种情况下使用位置作为基础）。

是否已经有一个标准方法可用于此？

（我正在寻找这个，因为当使用像“/foo.js”这样的相对 URL 并且使用 BASE 标签时 jQuery.getScript 失败（FF3.6 发出 OPTIONS 请求，nginx 无法处理这个）。当使用完整 URL（base.href.host +“/foo.js”，它有效）。）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

做个ˇ局外人 2024-09-08 10:18:27

这能起到作用吗？

function resolveUrl(url){
    if (!url) {
        throw new Error("url is undefined or empty");
    }
    var reParent = /[\-\w]+\/\.\.\//, // matches a foo/../ expression 
 reDoubleSlash = /([^:])\/\//g; // matches // anywhere but in the protocol
    // replace all // except the one in proto with /
    url = url.replace(reDoubleSlash, "$1/");
    var base = (document.getElementsByTagName('BASE')[0] && document.getElementsByTagName('BASE')[0].href) || "";

    // If the url is a valid url we do nothing
    if (!url.match(/^(http||https):\/\//)) {
        // If this is a relative path
        var path = (url.substring(0, 1) === "/") ? base : location.pathname;
        if (path.substring(path.length - 1) !== "/") {
            path = path.substring(0, path.lastIndexOf("/") + 1);
        }
        if (!url.match(/^(http||https):\/\//)) {
            url = location.protocol + "//" + location.host + path + url;
        }
    }

    // reduce all 'xyz/../' to just '' 
    while (reParent.test(url)) {
        url = url.replace(reParent, "");
    }
    return url;
}

它是根据我周围的一些代码修改的，因此尚未经过测试

Does this do the trick?

function resolveUrl(url){
    if (!url) {
        throw new Error("url is undefined or empty");
    }
    var reParent = /[\-\w]+\/\.\.\//, // matches a foo/../ expression 
 reDoubleSlash = /([^:])\/\//g; // matches // anywhere but in the protocol
    // replace all // except the one in proto with /
    url = url.replace(reDoubleSlash, "$1/");
    var base = (document.getElementsByTagName('BASE')[0] && document.getElementsByTagName('BASE')[0].href) || "";

    // If the url is a valid url we do nothing
    if (!url.match(/^(http||https):\/\//)) {
        // If this is a relative path
        var path = (url.substring(0, 1) === "/") ? base : location.pathname;
        if (path.substring(path.length - 1) !== "/") {
            path = path.substring(0, path.lastIndexOf("/") + 1);
        }
        if (!url.match(/^(http||https):\/\//)) {
            url = location.protocol + "//" + location.host + path + url;
        }
    }

    // reduce all 'xyz/../' to just '' 
    while (reParent.test(url)) {
        url = url.replace(reParent, "");
    }
    return url;
}

It is modified from some code I had around, so it hasn't been tested

回复收藏 0 原文