Question

你知道是否有办法在jtml中包含一个js ref和css ref作为单个引用？通常这些引用都单独包含在html头中，但我的经理想知道下游消费者是否有一种简化的方法将这些引用添加为单个引用。

Answer 1

一种可能的方法是仅包含JavaScript，并在其中加载CSS。

看看这里： How to load up CSS files using Javascript?

Answer 2

您可以在CSS中将CSS包含为字符串：

var myStylesheet = 
  'body { background-color: blue; }
   #my-div{ background-color: white; }'
  ;

然后：

var styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.innerHTML = myStylesheet;
document.head.appendChild(styleElement);

这会创建一个样式元素并将其放在文档头中。

相当于：

<head>
  ...
  <style type="text/css">
    body { background-color: blue; }
    #myDiv { background-color: white; }
  </style>
</head>

这是例如dat.gui库使用的捆绑方法;例如，请参阅未缩小构建的line 42定义的inject函数和line 2857处的（非常冗长！）样式字符串。

任何方式将js ref和css ref包含为单个ref？

2 个答案: