如何在 JavaScript 中添加元标记

How to add meta tag in JavaScript

本文关键字：添加 JavaScript      更新时间：2023-09-26

我想为特定页面添加<meta http-equiv="X-UA-Compatible" content="IE=edge">。

但是我的页面呈现在一个HTML标签内。只有内容在单击不同的模板时会发生变化。所以我不能在<HEAD>部分中添加<meta>。

有没有办法使用 javascript 添加<meta http-equiv="X-UA-Compatible" content="IE=edge">？

您可以添加它：

var meta = document.createElement('meta');
meta.httpEquiv = "X-UA-Compatible";
meta.content = "IE=edge";
document.getElementsByTagName('head')[0].appendChild(meta);

。但如果在运行时，浏览器已经就如何呈现页面做出了决定，我不会感到惊讶。

这里真正的答案必须是首先从服务器输出正确的标签。（可悲的是，如果你需要支持IE，你不能只是没有标签。

$('head').append('<meta http-equiv="X-UA-Compatible" content="IE=Edge" />');

或

var meta = document.createElement('meta');
meta.httpEquiv = "X-UA-Compatible";
meta.content = "IE=edge";
document.getElementsByTagName('head')[0].appendChild(meta);

虽然我不确定它会产生影响，因为它会在页面加载后生成

如果要为页面描述添加元数据标记，请使用用于添加描述和关键字的 DNN 页面的设置。 超越那，修改HEAD时最好的方法是动态通过第三方模块将您的代码注入 HEAD。

在 http://www.dotnetnuke.com/Resources/Forums/forumid/7/threadid/298385/scope/posts.aspx 找到

如果

幸运的话，这可能会允许使用其他元标记

可以将其他 HEAD 标签放入"高级"页面设置>页面标题标记>设置。

在 http://www.dotnetnuke.com/Resources/Forums/forumid/-1/postid/223250/scope/posts.aspx 找到

像这样吗？

<script>
var meta = document.createElement('meta');
meta.setAttribute('http-equiv', 'X-UA-Compatible');
meta.setAttribute('content', 'IE=Edge');
document.getElementsByTagName('head')[0].appendChild(meta);
</script>

如@marcellothearcane所述，对于现代浏览器，您还可以使用：

var meta = document.createElement('meta');
meta.httpEquiv = "X-UA-Compatible";
meta.content = "IE=edge";
document.head.appendChild(meta);

此处支持的浏览器： document.head

尝试

document.head.innerHTML += '<meta http-equiv="X-UA-..." content="IE=edge">'

相关文章：