使用JavaScript获取规范URL

Question

使用JavaScript获取规范URL

javascripturl

27

我正在内部构建一个网站，页面在中设置了规范化的URL，指定了页面的外部链接。

有没有办法使用JavaScript获取规范化的URL？

- Tereno

2

亲切的先生，请提供一个HTML示例，以便我们更好地帮助您。 - pixelbobby

3个回答

22

jQuery版本;

$("link[rel='canonical']").attr("href")

- Teoman shipahi

18

像这样吗？

<!DOCTYPE html>
<html>
    <head>
        <link href="http://www.example.com/" rel="canonical" />
        <title>Canonical</title>
        <script type="text/javascript">
            window.onload = function () {
                var canonical = "";
                var links = document.getElementsByTagName("link");
                for (var i = 0; i < links.length; i ++) {
                    if (links[i].getAttribute("rel") === "canonical") {
                        canonical = links[i].getAttribute("href")
                    }
                }
                alert(canonical);
            };
        </script>
    </head>
    <body>
        <h1>Canonical</h1>
    </body>
</html>

- Albireo

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rafał Malinowski · Accepted Answer

现在你可以简单地使用：

document.querySelector("link[rel='canonical']").getAttribute("href");

上面的回答将会给你 href 属性的真实值。因此，如果你没有完整的 URL，它会显示像 /query.html 这样的 href。

但是 .href 方法总是会给你包含域名的完整 URL，例如 http://example.com/query.html：

document.querySelector("link[rel='canonical']").href;