如何使用Javascript将CSS、META等标记插入head标记？_Javascript_Content Management System_Head

如何使用Javascript将CSS、META等标记插入head标记？

javascript content-management-system

如何使用Javascript将CSS、META等标记插入head标记？,javascript,content-management-system,head,Javascript,Content Management System,Head,我使用的托管CMS有一个bug，不允许我在中插入内容我曾考虑使用Javascript将所需的代码插入头部，但这是否可行？如果一个页面被读取，那么如果头部已经被读取，那么使用javascript将代码放入头部会有什么影响，或者我是否误读了浏览器的工作原理如果你可以将内容放在页面的头部，并且它可以与所有主流浏览器协同工作，那么javascript是如何做到这一点的？（说到javascript，我是个新手。）注意：我使用托管CMS，没有访问任何服务器端脚本的权限编辑：我需要添加CSS和MET

我使用的托管CMS有一个bug，不允许我在

中插入内容

我曾考虑使用Javascript将所需的代码插入头部，但这是否可行？如果一个页面被读取

，那么

如果头部已经被读取，那么使用javascript将代码放入头部会有什么影响，或者我是否误读了浏览器的工作原理

如果你可以将内容放在页面的头部，并且它可以与所有主流浏览器协同工作，那么javascript是如何做到这一点的？（说到javascript，我是个新手。）

注意：我使用托管CMS，没有访问任何服务器端脚本的权限

编辑：

我需要添加

CSS

和

META

标记

CSS应该是这样的：

<style type="text/css">
 .slideshow img { display: none }
 .slideshow img.first { display: block }
</style>

<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" />


.slideshow img{display:none}
.slideshow img.first{display:block}

META可以如下所示：

<style type="text/css">
 .slideshow img { display: none }
 .slideshow img.first { display: block }
</style>

<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" />

这些都是例子，但与我将要补充的内容类似

var ele=document.createElement（“脚本”）//标签名
var ele = document.createElement("script");  //Tag name
ele.src = "your_link.js";                    //URL
document.head.appendChild(ele);              //Insert into <head>
                                             //Done.

ele.src=“your_link.js”//统一资源定位地址
文件.标题.附件（ele）//插入
//完成了。

对于CSS脚本：

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

对于元标记（尽管我怀疑它是否有效，因为查看元标记的软件通常不执行JavaScript代码）：

你需要在头部添加哪些元素？CSS？JavaScript？标题标签？元标签？@JCOC611谁会使用JS添加JS？@ColeJohnson-很多人。大多数JavaScript API都能做到这一点。@Derek该死的，比我快了2秒+1@JCOC611-我更新了问题，以反映我将要添加的内容，主要是元和CSS元素。谢谢，我将尝试一下，看看会发生什么。还有一个问题，如果我想像我的问题一样使用CSS（我更新了它，因为你的答案=>），我将如何添加它？@Lynda-看看JCOC611的答案，它回答了你所有的问题。；）顺便说一句，您应该使用jQuery，它在添加元素和操作DOM方面非常方便。我确实在我的网站上使用jQuery，并且对jQuery解决方案完全开放。=>我相信关于

meta

标记，您可能是对的。我尝试了CSS的方法，它在FF和IE9中工作，但在IE8中中断。想法？用

document.body.appendChild（ele）试试看（身体而不是头部），看看它是否有效。是的，但它可能也有效！无论如何，你可能想尝试的另一件事是更改DOCTYPE以在兼容模式下触发IE8。我为IE8和以下版本添加了IE条件注释（在body标记内）。对于所有其他浏览器，我使用上面的JS。谢谢