原文鏈接
最早的方法發(fā)表在msdn上:
http://blogs.msdn.com/b/shivap/archive/2007/05/01/combine-css-with-js-and-make-it-into-a-single-download.aspx
代碼是像這樣子的:
<!-- /*
function test(){}
<!-- */
<!-- body { background-color: Aqua; }
可是這樣css就必須要全部放到一行里面了。我做了一點點小修改來試圖可以合并多行的css或者多個css的內(nèi)容進去:
<!-- /*
setTimeout('document.body.innerHTML="<span>Hello World</span>"',0);
<!-- */
<!-- emu{emu:"\
/*"}
span { background-color: #f00; }
span { color: #0ff; }
/* */
這樣對于css來說,只是多了一個無用的規(guī)則
emu:{emu:"/*"}
而對于js來說,多了一行內(nèi)容為
<!-- emu{emu:"\ 的注釋,以及一大塊/*開始的,包含了所有css內(nèi)容的注釋。
IE9、Firefox5、safari5、chrome14下通過。沒裝opera,不是太關(guān)心這貨。