如何编写整齐的代码？

Question

大家好，不知道大家有没有为以下问题有烦恼：如下代码：
$("#MsgLI").prepend('<div id=ForwardWindows>'+$("li[title=Article"+ArticleID+"]").html()+'</div>');当我的prepend（）括号里面要写一大堆html代码，又不能回车，代码就变得凌乱又不整齐了，虽然用起来没什么，但是一看就让人生气，请问大家有什么方法可以另其变得整洁又容易阅读？

Answer 1

把那些HTML代码写到变量里面   
在进行字符串连接的时候进行注释

Answer 2

可以分成多行写的！
 <script type="text/javascript">
var addHtml="";
addHtml+='<div id=ForwardWindows>';//注释---
addHtml+=$("li[title=Article"+ArticleID+"]").html();//注释---
addHtml+='</div>';//注释---
  </script>

Answer 3

像Eclipes等有些IDE是支持格式化的 

Answer 4

可以断行$("#MsgLI").prepend('<div id=ForwardWindows>'+
    $("li[title=Article"+ArticleID+"]").html()+
    '</div>');末尾是明显的操作符时，JS引擎会持续处理下面的行。

Answer 5

写到不可执行的script标签里:<script id="htmlcode" type="text/htmlfragment">
<div id=ForwardWindows>
...
..
</div>
</script><script type="text/javascript">
$("#MsgLI").prepend($('#htmlcode').html());
</script>当然这样只适用于大量静态的代码.
如果遇到1L那样需要拼接插入变量值的情况,
要么分隔多块,但最好还是找一个顺手的文本模板引擎吧.
顺便打个广告推销一下
http://topic.csdn.net/u/20110705/20/2fef34cc-dbbe-4e21-9b4f-71093ffa1d9b.html