Question

我正在内部构建网站，该网页在<head>中设置了canonical网址，用于指定网页的网址。

有没有办法使用JavaScript获取规范网址？

Answer 1

现在你可以简单地使用：

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

上述answear将为您提供href属性的真实价值。因此，如果您没有完整的网址，它会显示h /query.html。

但.href方法会为您提供包含http://example.com/query.html

等域名的完整网址

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

Answer 2

jquery版本;

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

Answer 3

这样的东西？

<!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>

使用JavaScript获取规范网址

3 个答案: