javascript - 我可以使这个字符串多行吗？

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

有一些方法可以在 js 中模拟多行字符串：

• 普通的旧字符串连接方法

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

• 数组连接方法

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

• 和光滑，hacky，未记录的方法（虽然标准不允许，但有效）

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

我个人喜欢join 方法，因为它是有效的 javascript，并且可以让您在行之间插入字符。例如，如果您想将字符串导出为多行 html 段落，您可以轻松地这样做：

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

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

是的你可以！

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>');