Can I make this string multiline?

Question

Can I make the following javascript variable be multiline?

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

score 3 · Answer 1 · edited May 23 '17 at 11:50

There are some ways you could simulate a multiline string in js:

the plain old string concatenation method

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

the array join method

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

and the slick, hacky, undocumented method (which works, although it is not allowed by standard)

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

I personally like the join method because it is valid javascript and gives you the power to insert characters between rows. For example, if you want to export your string as a multiline html paragraph, you can easily do smth like this :

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

score 0 · Answer 2 · edited Jun 27 '13 at 16:39

0

Yes you can!

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

edited Jun 27 '13 at 16:39

Bergi

630,263
148
957
1,375

answered Jun 27 '13 at 16:34

Pogrindis

7,755
5
31
44

1

But be **very** careful, because if you leave a space after the \ it won't work – nicosantangelo Jun 27 '13 at 16:36
1

@NicoSantangelo: That explains the problem I was having with this method earlier. Thanks. – relima Jun 27 '13 at 16:38
NicoSantangelo is right! – Pogrindis Jun 27 '13 at 16:38

score 0 · Answer 3 · answered Jun 27 '13 at 16:39

Yes...

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

See: http://jsfiddle.net/4GgTC/

Can I make this string multiline?

3 Answers3