使用JavaScript获取规范网址

Question

使用JavaScript获取规范网址

我正在内部构建一个网站,该页面中设置了一个规范的 URL,<head>用于指定外部页面的URL.

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

Answer 1

那么现在你可以简单地使用:

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

Run Code Online (Sandbox Code Playgroud)

上面的answear将为您提供href属性的真正价值.因此,/query.html如果您没有完整的URL,它会向您显示 .

但是.href方法会给你带有域的完整URL,如http://example.com/query.html:

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

Run Code Online (Sandbox Code Playgroud)

是啊.但添加90kB的jquery来获得简单的东西并不是一个好的选择imvho :-) (5认同)
我已经更新了答案,另外解释了.href`方法是如何不同的. (2认同)

Answer 2

Teo*_*ahi 19

jquery版本;

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

Run Code Online (Sandbox Code Playgroud)

Answer 3

Alb*_*reo 16

像这样的东西？

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，8 月前
查看次数：	16836 次
最近记录：	9 年，11 月前