我可以使這個字符串多行嗎？

Question

我可以使下面的javascript變量爲多行嗎？

var newPage = $('<div data-role="page" id="link'+myvar+'" data-url="link'+myvar+'"><div data-role="header" data-position="fixed"><a href="#" data-rel="back" data-icon="back">Back</a></div><iframe src="http://docs.google.com/viewer?embedded=true&url=http://www.example.com'+myarrayA[myvar]+'" style="border: 0; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background: white"></iframe></div>'); 

Answer 1

是的，你可以！

var a = $('<div data-role="page" id="link' 
+myvar+'" data-url="link'+myvar+'"><div data-role="header" \ 
data-position="fixed"><a href="#" data-rel="back" \ 
data-icon="back">Back</a></div> \ 
<iframe src="http://docs.google.com/viewer? /embedded=true&url=http://www.example.com' 
+myarrayA[myvar]+'" style="border: 0; position:absolute; \ 
top:0; left:0; right:0; bottom:0; width:100%; height:100%; \ 
background: white"></iframe></div>'); 

Answer 2

是...

var newPage = $('<div data-role="page" id="link'+myvar+'" data-url="link'+myvar+'">' + 
    ' <div data-role="header" data-position="fixed">' + 
    ' <a href="#" data-rel="back" data-icon="back">Back</a>' + 
    ' </div>' + 
    ' <iframe src="http://docs.google.com/viewer?embedded=true&url=http://www.example.com'+myarrayA[myvar]+'" style="border: 0; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background: white"></iframe>' + 
    '</div>'); 

參見：http://jsfiddle.net/4GgTC/

Answer 3

有一些方法，你可以模擬的JS多行字符串：

• 普通的老字符串連接方法

var string = "first line " + 
      "second line " + 
      //... 
      "nth line"; 

• 陣列加入方法

var string = ["first line ", 
      "second line ", 
      //... 
      "nth line"].join(''); 

• 和浮油，哈克，無證方法（該方法的工作原理，雖然it is not allowed by standard）

var string = "first line \ 
      second line \ 
      //... 
      nth line"; 

我個人喜歡連接方法，因爲它是有效的JavaScript，並使您能夠在行之間插入字符。例如，如果你想出口你的字符串作爲一個多HTML段落，你可以很容易做到水木清華這樣的：

var pContent = ["first line ", 
       "second line "].join('<br>');