Javascript 将CSS和JS放在标题中

Javascript 将CSS和JS放在标题中,javascript,jquery,css,Javascript,Jquery,Css,我必须在当前页面的标题中添加带有Javascript或JQuery的CSS(标题中的块)。 css是文本格式,如下所示(它来自服务器): 我想把这个CSS放在头块中,JavaScript如下: <meta name="author" content="" /> <link rel="stylesheet" type="text/css" href="css/global.css" /> <style type="text/css"> label { f

我必须在当前页面的标题中添加带有Javascript或JQuery的CSS(标题中的块)。 css是文本格式,如下所示(它来自服务器):

我想把这个CSS放在头块中,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>
 $('<style type="text/css"> ' + myCSS + '</style>').appendTo('head');

标签{字体系列:Verdana,无衬线;字体大小:12px;显示:块;}
输入{填充:3px5px;宽度:250px;边距:010px;}
输入[type=“file”]{左填充:0;}
输入[type=“submit”]{width:auto;}
可能吗


谢谢

使用jQuery,您应该能够执行
追加操作


$('head').append('//把整个东西粘在这里)

使用jQuery,您可以执行以下操作:

<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>
 $('<style type="text/css"> ' + myCSS + '</style>').appendTo('head');
$(''+myCSS+'').appendTo('head');

您可以使用jquery来完成此操作。 这样做:

$("head").append("<style type=\"text/css\">" + {your content} + "</style>");
$(“head”).append(“+{your content}+”);

是的,这是可能的,请查看本教程,以便您了解它是如何完成的:

编辑:如果不需要在正文中运行脚本,这里有一个类似的问题:

试试这个:

<script type="text/javascript">
 var css = document.createElement('style');
 css.type = 'text/css';

 var styles = 'your_server_response_css_rules';

 if (css.styleSheet)
     css.styleSheet.cssText = styles;
 else 
     css.appendChild(document.createTextNode(styles));

 document.getElementsByTagName("head")[0].appendChild(css);
</script>

var css=document.createElement('style');
css.type='text/css';
var styles='您的服务器\响应\ css \规则';
if(css.styleSheet)
css.styleSheet.cssText=样式;
其他的
appendChild(document.createTextNode(样式));
document.getElementsByTagName(“head”)[0].appendChild(css);

我发现这个库可能有帮助:

它将CSSOM从JS渲染为
,您可以直接从JS对象更改规则

演示: