我们可以将 css 和 javascript 合并到一个 javascript 文件中吗?
我们可以将 css 和 javascript 合而为一吗?我想为 sIFR 做这个。因为 sifr 有 .js 和 .css 文件,如果没有启用 js,则无法使用任何文件 css 或 js。
我想将所有 sIFR 相关文件合并到一个合并的 javascript 文件中。
所以最后我只有 2 个文件
font.swf
-
sifr3.js (其中包含所有内容)
这是最新的sIFR 3 http://dev.novemberborn.net/sifr3/nightlies/sifr3- r436.zip
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
是的,你可以。如果您使用 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.
或者,您可以完全摆脱 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).
您可以将 CSS 放入 Javascript 字符串中,然后在 Javascript 中创建 STYLE 元素。
例如:(使用 jQuery)
对于 sIFR3,您可以编写
(获取 CSS 文件,删除注释,并删除所有双空格和所有换行符)
You can put your CSS into a Javascript string, then create a STYLE element in Javascript.
For example: (Using jQuery)
For sIFR3, you would write
(Take the CSS file, remove the comments, and remove all double-spaces and all newlines)
您可以将它们保存为单独的文件,并让 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.
您可以使用类似 smartoptimizer 或 php 速度快。
You could use something like smartoptimizer or php speedy.