Wissen Sie, ob es eine Möglichkeit gibt, eine Js Ref und Css Ref als eine einzige Ref in HTML einzuschließen? Normalerweise sind diese Refs separat im html head enthalten, aber mein Manager möchte wissen, ob es für nachgeschaltete Verbraucher eine vereinfachte Möglichkeit gibt, diese Refs als eine einzige Referenz hinzuzufügen.jede möglichkeit, js ref und css ref als einzigen ref einzuschließen?
Sie können Ihre CSS als String in Ihrem JavaScript enthalten:
var myStylesheet =
'body { background-color: blue; }
#my-div{ background-color: white; }'
;
Dann:
var styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.innerHTML = myStylesheet;
document.head.appendChild(styleElement);
ein Stilelement und Orte Dies schafft es im Dokumentenkopf.
Es ist äquivalent zu:
<head>
...
<style type="text/css">
body { background-color: blue; }
#myDiv { background-color: white; }
</style>
</head>
Dies ist die Bündelung Ansatz von, zum Beispiel, die dat.gui Bibliothek; siehe z. B. die inject-Funktion, die unter line 42 des nichtminimierten Builds definiert ist, und die Zeichenfolge (sehr lang!) im Format line 2857.
Ein möglicher Weg wäre, nur das JavaScript einzuschließen und darin das CSS zu laden.
einen Blick hier nehmen: How to load up CSS files using Javascript?
verwenden Sie irgendeine Art von Server-Scripting? –
Eine enthaltene JS-Datei kann bei der Ausführung eine CSS-Verknüpfung hinzufügen. – nnnnnn
oder als @nnnnnn sagte, aber wenn die Antwort auf die erste Frage ja ist, können Sie sie in die Datei vor dem Download injizieren, dann erhalten Sie alle Dateien auf Kosten von 1 Anfrage –