文章/答案/技术大牛

发布

社区首页 >问答首页 >从当前文档标题中的<link rel=shortlink>中提取url

问从当前文档标题中的<link rel=shortlink>中提取url
EN

Stack Overflow用户

提问于 2011-12-28 20:14:54

回答 3查看 3K关注 0票数 0

给定以下HTML：

<html>
  <head>
    <link href="http://example.com/g/8c" rel="shortlink" />
  </head>
  <body></body>
</html>

如何使用javascript检索href="“在link, rel=shortlink中的内容？我不知道在DOM中是否可以访问这些条目。

头部标记可能包含更多的链接标记，用于css之类的资产。head标签可能包含多个链接短链接(按照HTML5 'specs')，在这种情况下，只需选择第一个链接。

javascript

dom

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-12-28 20:37:35

您可以使用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);
        }
    }
}

注意：document.head可能并不能在所有浏览器中工作(我的意思是它可能不能在IE中工作)。如果它不起作用，试试这个：

document.head = document.head || document.getElementsByTagName('head')[0];

票数 6

Stack Overflow用户

发布于 2011-12-28 20:21:07

我会用jQuery做这件事：

$('link[rel=shortlink]').eq(0).attr('href');

其中：

$('link[rel=shortlink]')选择适当的elements
eq(0)，选择第一个these
attr('href')，选择合适的属性

票数 4

Stack Overflow用户

发布于 2011-12-28 20:17:18

好吧，对于jQuery，我会这样做：

var link_href = $('link', 'head').attr('href');

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8660783

复制

相似问题

问从当前文档标题中的<link rel=shortlink>中提取url
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从当前文档标题中的<link rel=shortlink>中提取url
EN