给出以下HTML:
<html>
<head>
<link href="http://example.com/g/8c" rel="shortlink" />
</head>
<body></body>
</html>
Run Code Online (Sandbox Code Playgroud)
如何在link, rel=shortlink
javascript中检索href =""的内容?我不知道头部中的这些项目是否可以在DOM中访问.
该头 -tag可能包含更多的链接标签,资产如CSS.所述头 -tag可以含有多于一个的链路shortlink(按照HTML5"规格"),在这种情况下,只选择第一个.
我会用jQuery做到这一点:
$('link[rel=shortlink]').eq(0).attr('href');
Run Code Online (Sandbox Code Playgroud)
哪里:
$('link[rel=shortlink]')
选择适当的元素eq(0)
选择第一个attr('href')
选择适当的属性您可以使用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)
归档时间: |
|
查看次数: |
1908 次 |
最近记录: |