Meta httpEquiv 属性
Meta httpEquiv 属性
定义和用法
httpEquiv 属性设置或返回 HTML <meta> content 属性中信息的 HTTP 标头。
<meta> http-equiv 属性 可用于模拟 HTTP 响应标头。
http-equiv 属性的值取决于 content 属性的值。
注释：如果设置了 name 属性，则不应设置 http-equiv 属性。
另请参阅：
HTML 参考手册：HTML <meta> 标签
实例
例子 1
返回 content 属性中信息的 HTTP 标头：
var x = document.getElementsByTagName("META")[0].httpEquiv;
完整实例：
<!DOCTYPE html>
<html>
<body>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<p>单击该按钮可返回 http-equiv 属性的值。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementsByTagName("META")[0].httpEquiv;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
例子 2
更改 http-equiv 和 content 属性的值。下例将每 30 秒刷新一次文档：
document.getElementsByTagName("META")[0].httpEquiv = "refresh";
document.getElementsByTagName("META")[0].content = "30";
完整实例：
<!DOCTYPE html>
<html>
<body>
<meta http-equiv="content-type" content="text/html">
<p>请单击按钮将 http-equiv 属性的值更改为 refresh，并将 content 属性更改为 30 秒。这将每 30 秒刷新一次文档。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementsByTagName("META")[0].httpEquiv = "refresh";
document.getElementsByTagName("META")[0].content = "30";
document.getElementById("demo").innerHTML = "该文档将每 30 秒刷新一次。";
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
语法
返回 httpEquiv 属性：
metaObject.httpEquiv
设置 httpEquiv 属性：
metaObject.httpEquiv = HTTP-headerSome commonly used HTTP-header values are:
属性值
| 值 | 描述 |
|---|---|
| content-type |
规定文档内容的字符集。 提示：建议始终规定字符集。 例子： <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| default-style |
规定要使用的首选样式表。 例子： <meta http-equiv="default-style" content="the documents preferred stylesheet"> 注释：上面的 content 属性的值必须与同一个文档中的 link 元素的 title 属性的值相匹配，或者它必须与同一个文档中的 style 元素的 title 属性的值相匹配。 |
| refresh |
定义文档自我刷新的时间间隔。 例子： <meta http-equiv="refresh" content="300"> 注释：应谨慎使用值 "refresh"，因为它会将页面的控制权从用户手中夺走。使用 "refresh" 将导致 W3C 的 Web 内容可访问性指南失败。 |
技术细节
| 返回值： | 字符串，有关 HTTP 响应消息头的信息。 |
|---|
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
相关页面
HTML 参考手册：HTML <meta> http-equiv 属性
