查看文章
 
合并javascript和css作为一个文件
2009年04月22日 星期三 9:11

先看DEMO:http://kejunz.googlepages.com/combine_css_js_demo.html
源文件中,css和js都是同一个文件 “css_js.css”。好处是下载数少了(一切为了PLT)。

是看了这篇文章的介绍:(http://blogs.msdn.com/shivap/archive/2007/05/01/combine-css-with-js-and-make-...)
很有意思。

原理是css parser解析时会忽略'<!--',而javascript parser解析时会把'<!--'当成单行注释('//')。

源文件:
<!-- body{margin:0;padding:10px;font:12px arial;}
<!-- input{border:1px solid #ddd;color:#999;}
<!-- .focus{border:2px solid #f40;color:#000;font-weight:bold;}
<!-- /*
window.onload = function(){
var inp = document.forms["frm"].elements["inp"];
inp.onfocus = function(){
this.className = "focus";
this.select();
};
inp.onblur = function(){
this.className = "";
};
};
<!-- */


From:http://blog.360.yahoo.com/blog-sOW1QOA9crUyOdXFxOeK4xc-?cq=1&l=96&u=100&mx=186&lmt=5

类别:Javascript||添加到搜藏 |分享到i贴吧|浏览(470)|评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
     

   
帮助中心 | 空间客服 | 投诉中心 | 空间协议
©2012 Baidu