content
Meta content 属性
定义和用法
content 属性可设置或者返回 meta 元素 content 属性值。
content 属性指定了 meta 信息的内容。
注意: 这个属性可用的值依赖于name 和 httpEquiv 属性的值。
语法
设置 content 属性:
linkObject.content="text"
返回 content 属性:
linkObject.content
浏览器支持
所有主要浏览器都支持 content 属性
实例
显示所有 meta 属性内容值:
<html>
<head>
<meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript">
<meta name="description" content="Free Web tutorials">
<meta name="author" content="Hege Refsnes">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script>
function displayResult()
{
var x=document.getElementsByTagName("meta");
var txt="";
for (var i=0;i<x.length;i++)
{
txt=txt+"Content of "+(i+1)+". meta tag: "+x[i].content+"<br>";
}
document.getElementById("result").innerHTML=txt;
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Display Meta Content</button>
<p id="result"></p>
</body>
</html>
<head>
<meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript">
<meta name="description" content="Free Web tutorials">
<meta name="author" content="Hege Refsnes">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script>
function displayResult()
{
var x=document.getElementsByTagName("meta");
var txt="";
for (var i=0;i<x.length;i++)
{
txt=txt+"Content of "+(i+1)+". meta tag: "+x[i].content+"<br>";
}
document.getElementById("result").innerHTML=txt;
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Display Meta Content</button>
<p id="result"></p>
</body>
</html>