Javascriptで長い文字列リテラルを使用する最も良い方法は何ですか？

Question

可能性の重複：あなたはこの

一時ような何かを行うことができRubyでは
Multiline strings in Javascript

=ユーザーからの選択< < -SQLCODE * SQLCODE

この方法で、あなたにあなたのコードに非常に長い文字列リテラルを持っていなくても、 f文字。 JavaScriptに似たものがありますか？

現在、あなたは、多くの場合、here-document (or HEREDOC)として知られていない、それはJavascriptで利用可能ではありませんを参照している構文

new Element.update(lightbox_id, " \ 
    <div id='overlay' class='overlay' > \ 
    </div> \ 
    <div id='lightbox' class='lightbox'> \ 
     <div class='lightbox_title'> \ 
     <div class='corner_image' onclick=\"close_lightbox();return false;\"><a href='#' >" + corner_image + "</a></div> \ 
     <div class='lightboxname' id='lightboxname'>" + title + "</div> \ 
     <div class='close_image'> \ 
      <a href='#' onclick=\"close_lightbox();return false;\">Close</a> or Escape key\ 
     </div> \ 
     </div> \ 
     <div id='" + lightbox_content_id + "' class='lightbox_content'> \ 
     </div> \ 
     <script> \ 
     watch_for_escape(); \ 
     </script> \ 
    </div> \ 
"); 

Answer 1

...私はこのようなJavaScriptコードを持っている、そしてその私にナットを駆動します。

JavaScriptで文字列を複数の行にまたがる適切な方法は、バックスラッシュを追加することです。あなたが欲しいHTMLで

置き、あなたのページに隠されたdiv要素を、そして何かをカスタムのparamsを置き換える：それは悪い習慣ですが、あなたが本当にきれいにそれを処理したい場合は、これを試すようなHTMLインラインを持つ

Answer 2

{title}のように。更新を呼び出すとき、あなたはRailsのを使用している場合、それはいくつかの複数行のHTMLでのdivを更新するために、RJSとロットクリーナーになっyourdiv.innerHTML.replace（...

Answer 3

を渡す：

page.replace__html 'lightbox_id', :partial => 'overlay' 

その後、 overlay.html.erbはエスケープせずに生のHTMLを上記含んでいるでしょう。

追加の利点も、同様に最初のページのロードに使用することができフラグメント「オーバーレイ」は多くのケースでどのあなたが望むものであるということである。