Javascript 如何使用java脚本更改下面的css代码

我想把下面的代码通过JavaScript格式化放在一个html文件中。代码---

希望将上述代码放入带有JavaScript格式的html文件中

---

是否有可能压缩代码以更快地加载网站。

包括jquery，然后放入此代码

   $( document ).ready(function() {
     var style =  document.createElement('style');
     var css = "@media (min-width: 1100px) {"+
                 ".ow_miniic_comment.newsfeed_comment_btn,"+
                 ".ow_miniic_like.newsfeed_like_btn,"+
                 "div.ow_dnd_widget,"+
                 ".ow_newsfeed_avatar,"+
                 ".ow_bl.ow_box_toolbar li,"+
                 ".ow_newsfeed_body,"+
                 ".ow_ipc_info {"+
                   "visibility: hidden;"+
                 "}"+
                 ".ow_miniic_comment.newsfeed_comment_btn.already-visible,"+
                 ".ow_miniic_like.newsfeed_like_btn.already-visible,"+
                 "div.ow_dnd_widget.already-visible,"+
                 ".ow_newsfeed_avatar.already-visible,"+
                 ".ow_bl.ow_box_toolbar li.already-visible,"+
                 ".ow_newsfeed_body.already-visible,"+
                 ".ow_ipc_info.already-visible {"+
                   "animation: none;"+
                    "visibility: visible;"+
                 "}"+
                 ".ow_miniic_comment.newsfeed_comment_btn.animation_start       {"+
                 "visibility: visible;"+
                 "-webkit-animation-name: zoomIn;"+
                 "-moz-animation-name: zoomIn;"+
                 "-o-animation-name: zoomIn;"+
                 "-ms-animation-name: zoomIn;"+
                 "animation-name: zoomIn;"+
                 "-webkit-animation-duration: 0.3s;"+
                 "-moz-animation-duration: 0.3s;"+
                 "-o-animation-duration: 0.3s;"+
                 "-ms-animation-duration: 0.3s;"+
                 "animation-duration: 0.3s;"+
               "}"+ 
             "}";


    style.innerHTML = css;
    $('body').prepend(style);
  });

---

首先为什么要用javascript加载它？有没有可能压缩代码以更快地加载网站。不要把它写在页面本身，而是使用外部样式表。因为我想用JavaScript编写一些规则，正如前面所述，将样式编写到标记（HTML）上就像是在手上行走，当然这是可能的，但没有意义。至于样式表的压缩，您应该缩小它。转到此处：@AzaharUddinAhmed所以您想要一个将样式写入样式标记的函数？（例如，

…

如果使用：

$（'head'）。追加（样式）；

   $( document ).ready(function() {
     var style =  document.createElement('style');
     var css = "@media (min-width: 1100px) {"+
                 ".ow_miniic_comment.newsfeed_comment_btn,"+
                 ".ow_miniic_like.newsfeed_like_btn,"+
                 "div.ow_dnd_widget,"+
                 ".ow_newsfeed_avatar,"+
                 ".ow_bl.ow_box_toolbar li,"+
                 ".ow_newsfeed_body,"+
                 ".ow_ipc_info {"+
                   "visibility: hidden;"+
                 "}"+
                 ".ow_miniic_comment.newsfeed_comment_btn.already-visible,"+
                 ".ow_miniic_like.newsfeed_like_btn.already-visible,"+
                 "div.ow_dnd_widget.already-visible,"+
                 ".ow_newsfeed_avatar.already-visible,"+
                 ".ow_bl.ow_box_toolbar li.already-visible,"+
                 ".ow_newsfeed_body.already-visible,"+
                 ".ow_ipc_info.already-visible {"+
                   "animation: none;"+
                    "visibility: visible;"+
                 "}"+
                 ".ow_miniic_comment.newsfeed_comment_btn.animation_start       {"+
                 "visibility: visible;"+
                 "-webkit-animation-name: zoomIn;"+
                 "-moz-animation-name: zoomIn;"+
                 "-o-animation-name: zoomIn;"+
                 "-ms-animation-name: zoomIn;"+
                 "animation-name: zoomIn;"+
                 "-webkit-animation-duration: 0.3s;"+
                 "-moz-animation-duration: 0.3s;"+
                 "-o-animation-duration: 0.3s;"+
                 "-ms-animation-duration: 0.3s;"+
                 "animation-duration: 0.3s;"+
               "}"+ 
             "}";


    style.innerHTML = css;
    $('body').prepend(style);
  });