gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 18:22:59 26 4
gpt4 key购买 nike

我使用的托管 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com