从当前文档标题中的<link rel = shortlink>中提取网址

ber*_*kes 0 javascript dom

给出以下HTML:

<html>
  <head>
    <link href="http://example.com/g/8c" rel="shortlink" />
  </head>
  <body></body>
</html>
Run Code Online (Sandbox Code Playgroud)

如何在link, rel=shortlinkjavascript中检索href =""的内容?我不知道头部中的这些项目是否可以在DOM中访问.

-tag可能包含更多的链接标签,资产如CSS.所述 -tag可以含有多于一个的链路shortlink(按照HTML5"规格"),在这种情况下,只选择第一个.

scz*_*zzo 5

我会用jQuery做到这一点:

$('link[rel=shortlink]').eq(0).attr('href');
Run Code Online (Sandbox Code Playgroud)

哪里:

  • $('link[rel=shortlink]') 选择适当的元素
  • eq(0) 选择第一个
  • attr('href') 选择适当的属性


Roc*_*mat 5

您可以使用document.head获取头部,然后使用getElementsByTagName获取link标签.

var links = document.head.getElementsByTagName('link');
for(var link in links){
    if(links.hasOwnProperty(link)){
        var l = links[link];
        if(l.rel === 'shortlink'){
          console.log(l.href);
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

注意:document.head可能不适用于所有浏览器(我认为它可能在IE中不起作用).如果它不起作用试试这个:

document.head = document.head || document.getElementsByTagName('head')[0];
Run Code Online (Sandbox Code Playgroud)