我使用的托管 CMS 有一个错误,不允许我将内容插入 <head>
.
我考虑过使用 Javascript 将所需的代码插入到头部,但这是否可行?如果阅读页面 <head>
然后<body>
如果 head 已经被读取,那么使用 javascript 将代码放入 head 是否重要,或者我是否误读了浏览器的工作方式?
如果您可以将内容放入页面的头部,并且它适用于所有主要浏览器,那么使用什么 javascript 可以做到这一点? (我是 JavaScript 新手。)
注意:我使用托管 CMS,无法访问任何服务器端脚本。
编辑:
我需要添加 CSS
和 META
标签。
CSS 应该是这样的:
<style type="text/css">
.slideshow img { display: none }
.slideshow img.first { display: block }
</style>
META 可能如下所示:
<meta property="og:title" content="Title Text" />
<meta property="og:type" content="article" />
<meta property="og:url" content="URL Path" />
<meta property="og:image" content="IMG Path" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="620" />
<meta property="og:image:height" content="541" />
<meta property="og:site_name" content="My Site" />
这些只是示例,但与我要添加的内容类似。
最佳答案
对于 CSS 脚本:
var ele = document.createElement("style");
ele.type = "text/css";
ele.innerHTML = "CSS CODE"; // Replace with CSS code.
document.head.appendChild(ele);
对于元标记(尽管我怀疑它是否有效,因为查看元标记的软件通常不执行 JavaScript 代码):
var ele = document.createElement("meta");
ele.property = "propertyName"; //Replace with property name.
ele.content = "CSS CODE"; // Replace with content.
document.head.appendChild(ele);
关于javascript - 如何使用 Javascript 将 CSS、META 等标签插入到 head 标签中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11597142/