我正在使用 CMS，它阻止编辑<head>元素的HTML 源代码。
例如，我想在<title>标签上方添加以下内容：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
如何通过 jquery/javascript 在 <head> 中添加任何内容？
IT技术
javascript
jquery
css
xhtml
2021-01-19 18:44:47
6个回答
您可以选择它并照常添加：
$('head').append('<link />');
JavaScript：
document.getElementsByTagName('head')[0].appendChild( ... );
像这样制作 DOM 元素：
link=document.createElement('link');
link.href='href';
link.rel='rel';
document.getElementsByTagName('head')[0].appendChild(link);
jQuery
$('head').append( ... );
JavaScript：
document.getElementsByTagName('head')[0].appendChild( ... );
您可以使用innerHTML来连接额外的字段字符串；
document.head.innerHTML = document.head.innerHTML + '<link rel="stylesheet>...'
但是，您不能保证在第一次加载后浏览器会识别您添加到头部的额外内容，并且可能会在加载额外的样式表时获得 FOUC（无样式内容的闪烁）。
我已经很多年没有看过 API，但您也可以使用document.write，这是为此类操作而设计的。但是，这需要您阻止页面呈现，直到您的初始 AJAX 请求完成。
在最新的浏览器 (IE9+) 中，您还可以使用document.head：
例子：
var favicon = document.createElement('link');
favicon.id = 'myFavicon';
favicon.rel = 'shortcut icon';
favicon.href = 'http://www.test.com/my-favicon.ico';
document.head.appendChild(favicon);