javascript - 用 JS 把 CSS 放在 header 中

Question

我必须在当前页面的页眉中使用 Javascript 或 JQuery 放置 CSS(页眉中的 block )。css是文本格式的，像这样(来自服务器):

label { font-family: Verdana, sans-serif; font-size: 12px; display: block; }
input { padding: 3px 5px; width: 250px; margin: 0 0 10px; }
input[type="file"] { padding-left: 0; }
input[type="submit"] { width: auto; }

我想将这个 CSS 放在标题 block 中，使用 JavaScript 如下:

<meta name="author" content="" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<style type="text/css">
    label { font-family: Verdana, sans-serif; font-size: 12px; display: block; }
    input { padding: 3px 5px; width: 250px; margin: 0 0 10px; }
    input[type="file"] { padding-left: 0; }
    input[type="submit"] { width: auto; }
</style>
</head>

这可能吗？

谢谢!

Answer 1

使用 jQuery，你可以做这样的事情:

 $('<style type="text/css"> ' + myCSS + '</style>').appendTo('head');