js refとcss refを単一のrefとして含める方法はありますか？

js refとcss refをhtmlの単一のリファレンスとして含める方法があるかどうかは分かりますか？通常、これらのヒントはHTMLヘッダーに別々に含まれていますが、私のマネージャーは、下流の消費者がこれらのヒントを単一のリファレンスとして追加するための簡単な方法があるかどうかを知りたいと考えています。js refとcss refを単一のrefとして含める方法はありますか？

出典

2016-07-28 user6604655

どのような種類のサーバースクリプトを使用しますか？ –

付属のJSファイルでは、実行時にCSSリンクを追加できます。 – nnnnnn

または@nnnnnnと言っていますが、最初の質問に対する回答が「はい」の場合、ファイルをダウンロードする前にファイルに挿入すると、1つのリクエストですべてのファイルが取得されます –

をあなたのJavaScriptで文字列として、あなたの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);

これはstyle要素と場所を作成しますそれは文書の頭の中にある。

それに相当する：

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

これはdat.guiライブラリー、例えば、で使用される結束アプローチです。たとえば、未修飾ビルドのline 42に定義されたinject関数と、line 2857の（非常に長い！）スタイル文字列を参照してください。

出典

2016-07-28 22:36:33

可能な方法の1つは、JavaScriptのみを含めることと、その中にCSSを読み込むことです。

こちらをご覧ください： How to load up CSS files using Javascript?

出典

2016-07-28 21:22:11

js refとcss refを単一のrefとして含める方法はありますか？

答えて

関連する問題