我们可以将 css 和 javascript 合并到一个 javascript 文件中吗?

发布于 2024-08-21 01:10:19 字数 426 浏览 6 评论 0 原文

我们可以将 css 和 javascript 合而为一吗?我想为 sIFR 做这个。因为 sifr 有 .js 和 .css 文件,如果没有启用 js,则无法使用任何文件 css 或 js。

我想将所有 sIFR 相关文件合并到一个合并的 javascript 文件中。

所以最后我只有 2 个文件

  1. font.swf

  2. sifr3.js (其中包含所有内容)

这是最新的sIFR 3 http://dev.novemberborn.net/sifr3/nightlies/sifr3- r436.zip

Can we combine css and javascript into one ? I want to do this for sIFR. because sifr has .js and .css file and without js enabled no use of any file css or js.

i want to combine all sIFR related file into one combined javascript file.

so at end i will have only 2 file

  1. font.swf

  2. sifr3.js (which has all thing)

Here is latest sIFR 3 http://dev.novemberborn.net/sifr3/nightlies/sifr3-r436.zip

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

雨后咖啡店 2024-08-28 01:10:19

是的,你可以。如果您使用 CSS 注释 () 注释掉 JavaScript 代码,并使用 Javascript 注释 (/* */) 注释 CSS,则可以在同一个文件中包含 CSS 和 JS。您必须在页面上包含文件两次,一次作为 JavaScript,一次作为 CSS。
当您将文件作为 javascript 包含时,JS 引擎将忽略 CSS 注释并正常处理 JS 代码,对于 CSS 则相反。这是链接到描述该过程的文章。

Yes you can. If you comment out your JavaScript code with CSS comment (< !-- -->) and comment CSS with Javascript comments (/* */) you can have CSS and JS inside the same file. You'll have to include file twice on the page, once as a JavaScript and once as CSS.
When you include your file as a javascript, JS engine will ignore CSS comments and process JS code just fine, and the other way around for CSS. Here's a link to an article that describes the process.

秉烛思 2024-08-28 01:10:19

或者,您可以完全摆脱 sIFR 并使用 css @font-face。

这是一个 @font-face 生成器,它将您的字体转换为不同浏览器(IE 和 Chrome)的不同格式,如果您不需要整个字符集,甚至可以创建字体的子集。

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 中进行了测试。

(对链接感到抱歉,所以在我获得更高声誉之前不会让我发布多个链接)。

Or, you could completely get rid of sIFR and use css @font-face.

Here is an @font-face generator that will convert your font to different formats for different browsers (IE and Chrome) and even create a sub-set of your font if you don't need the whole character set.

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

It works in all browsers, as described in this article http:// paulirish .com/2009/bulletproof-font-face-implementation-syntax/ and as demonstrated in this test page http:// dl.dropbox .com/u/39519/webfontsdemo/index.html.

I tested in IE5.5 6 7 8, FF3.6, Chrome 4.0.249.89, and Safari 4.0.4 on Windows XP.

(sorry about the links, SO won't let me post more than one until I get a higher reputation).

千寻… 2024-08-28 01:10:19

您可以将 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 文件,删除注释,并删除所有双空格和所有换行符)

You can put your CSS into a Javascript string, then create a STYLE element in Javascript.

For example: (Using jQuery)

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

For sIFR3, you would write

$('<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'));

(Take the CSS file, remove the comments, and remove all double-spaces and all newlines)

浅唱々樱花落 2024-08-28 01:10:19

您可以将它们保存为单独的文件,并让 Javascript 将 css 写入页面。那么只有启用了 javascript,CSS 才会出现。

You can keep them as separate files and have Javascript write the css to the page. Then the CSS will only appear if javascript is enabled.

美人如玉 2024-08-28 01:10:19

您可以使用类似 smartoptimizerphp 速度快

You could use something like smartoptimizer or php speedy.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文