javascript - 如何使用 Javascript 将 CSS、META 等标签插入到 head 标签中?

标签 javascript content-management-system head

我使用的托管 CMS 有一个错误,不允许我将内容插入 <head> .

我考虑过使用 Javascript 将所需的代码插入到头部,但这是否可行?如果阅读页面 <head>然后<body>如果 head 已经被读取,那么使用 javascript 将代码放入 head 是否重要,或者我是否误读了浏览器的工作方式?

如果您可以将内容放入页面的头部,并且它适用于所有主要浏览器,那么使用什么 javascript 可以做到这一点? (我是 JavaScript 新手。)

注意:我使用托管 CMS,无法访问任何服务器端脚本。

编辑:

我需要添加 CSSMETA标签。

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/

相关文章:

javascript - Jade /哈巴狗 : Hide div unless variable has data

javascript - 使用 $_POST 值选择下拉列表

java - 将元数据存储到 Jackrabbit 存储库中

c# - Orchard部署问题404错误

ruby-on-rails - Ruby on Rails 的 WordPress 替代品是什么?

c - C 中 *head 和 (*head) 指针的区别

http-headers - 使用 HEAD 请求 POST 数据

php - 最佳 XMPP 客户端 PHP/Javascript

python - 基于公共(public)头或尾连接列表

javascript - jquery ajax获取特殊字符(元音变音)