Question

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

我考虑过使用Javascript将所需的代码插入到头部，但是这甚至可以工作吗？如果页面被读取<head>那么<body>如果已经读过头部或者我错误地读取了浏览器的工作原理，那么使用javascript将代码放入头部是否很重要？

如果您可以将内容放入页面的头部并且它可以与所有主流浏览器一起使用，那么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" />

这些是示例，但与我将要添加的内容类似。

Answer 1

var ele = document.createElement("script");  //Tag name
ele.src = "your_link.js";                    //URL
document.head.appendChild(ele);              //Insert into <head>
                                             //Done.

Answer 2

对于CSS脚本：

var ele = document.createElement("style");
ele.type = "text/css";
ele.innerHTML = "CSS CODE"; // Replace with CSS code.
document.head.appendChild(ele);

对于元标记（虽然我怀疑它会起作用，因为查看Meta Tags的软件通常不会执行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将CSS，META等标签插入head标签？

2 个答案: