1

cssとjavascriptを1つに組み合わせることができますか？sIFRでこれを実行したいと思います。sifrには.jsファイルと.cssファイルがあり、jsが有効になっていないため、ファイルcssまたはjsは使用できません。

すべてのsIFR関連ファイルを1つの結合されたjavascriptファイルに結合したいと思います。

だから最後に私は2つのファイルしか持っていないでしょう

  1. font.swf

  2. sifr3.js（すべてのものがあります）

こちらが最新のsIFR3ですhttp://dev.novemberborn.net/sifr3/nightlies/sifr3-r436.zip

4

5 に答える 5

3

はい、できます。JavaScriptコードをCSSコメント（<！-->）でコメント化し、CSSをJavascriptコメント（/ * * /）でコメント化すると、CSSとJSを同じファイル内に含めることができます。ページにファイルを2回インクルードする必要があります。1回はJavaScriptとして、もう1回はCSSとしてインクルードします。
ファイルをJavaScriptとして含めると、JSエンジンはCSSコメントを無視してJSコードを適切に処理し、CSSの場合はその逆になります。プロセスを説明する記事へのリンクは次のとおりです。

于 2010-02-14T21:03:15.170 に答える
2

または、sIFR を完全に取り除き、css @font-face を使用することもできます。

これは、フォントをさまざまなブラウザー (IE および Chrome) 用のさまざまな形式に変換し、文字セット全体が必要ない場合はフォントのサブセットを作成する @font-face ジェネレーターです。

http://www.fontsquirrel.com/fontface/generator

この記事 http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ で説明されているように、またこのテスト ページ http://dl.dropbox.com/u/ で示されているように、すべてのブラウザーで動作します。 39519/webfontsdemo/index.html。

Windows XP の IE5.5 6 7 8、FF3.6、Chrome 4.0.249.89、および Safari 4.0.4 でテストしました。

（リンクについては申し訳ありません。評判が良くなるまで、複数のリンクを投稿することはできません）。

于 2010-02-12T18:17:54.967 に答える
1

CSS を Javascript 文字列に配置してから、Javascript で STYLE 要素を作成できます。

例: (jQuery を使用)

$('<style type="text/css">p { color:red; }</style>').appendTo($('head'));

sIFR3 の場合、次のように記述します。

$('<style type="text/css">@media screen {.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none;}}@media print {.sIFR-flash { display : none !important; height: 0; width: 0; position: absolute; overflow: hidden;}.sIFR-alternate { visibility : visible !important; display : block!important; position: static!important; left : auto !important; top: auto !important; width: auto !important; height: auto !important;}}</style>').appendTo($('head'));

(CSS ファイルを取得し、コメントを削除し、すべてのダブルスペースとすべての改行を削除します)

于 2010-02-12T13:59:51.207 に答える
0

smartoptimizerやphp speedyなどを使用できます。

于 2010-02-12T15:35:12.603 に答える
0

それらを個別のファイルとして保持し、Javascript で css をページに書き込むことができます。そうすると、JavaScript が有効になっている場合にのみ CSS が表示されます。

于 2010-02-12T14:15:34.963 に答える