3

JavaScript で空白を使用できないという問題があるため、すべてのコードを押しつぶして読みにくくする必要があります。

Sample A: - Working:

output += '<li><a href="#">test here</a><li>';


Sample B: - Not Working:

output += '<li>
           <a href="#">test here</a>
           </li>';

最初にすべてを押しつぶすことなく、上記の作業を行う方法はありますか?

4

4 に答える 4

5

あなたはこのようなことをすることができます。少し読みやすくなっていますが、維持するのは難しいと思います。

output += '<li>' + 
           '<a href="#">test here</a>' + 
           '</li>';
于 2012-09-22T13:46:46.077 に答える
4

javascriptで複数行の文字列をチェックアウトすることをお勧めします。そのように： http ：//www.electrictoolbox.com/javascript-multi-line-strings/

いくつかのコード例については、次を試してください。

 output += '<li>\
               <a href="#">test here</a>\
               </li>'
于 2012-09-22T13:46:16.300 に答える
2

解決策はバックスペースです。

output += '<li>\
           <a href="#">test here</a>\
           </li>';



編集
改行を保持したい場合は、の\n前に置き\ます。

于 2012-09-22T13:48:01.913 に答える
2

ほんの数個のタグでない限り、JS でマークアップを記述しないでください。

jQuery で要素を作成することを検討してください。

var output = $('<li>').append(
                $('<a>').attr('href', '#dalink')
            );

または、templating、つまり、プレースホルダーと、リストを作成するためのループのような小さなプレゼンテーション ロジックを備えたマークアップ テンプレートを使用することをお勧めします。

于 2012-09-22T13:52:25.140 に答える