在JavaScript/jQuery中声明一个包含多行的字符串var

Question

如何在jquery中使用多行声明变量,如

原始变量:

var h = '<label>Hello World, Welcome to the hotel</label><input type="button" value="Visit Hotel"><input type="button" value="Exit">';

我要声明的变量:

var h = '<label>Hello World, Welcome to the hotel</label>
              <input type="button" value="Visit Hotel">
              <input type="button" value="Exit">';

Answer 1

您可以\用来表示该行尚未完成.

var h= '<label>Hello World, Welcome to the hotel</label> \
              <input type="button" value="Visit Hotel"> \
              <input type="button" value="Exit">';

注意:使用时\,以下行中的空格也将是字符串的一部分,如下所示

console.log(h);

产量

<label>Hello World, Welcome to the hotel</label>               <input type="button" value="Visit Hotel">               <input type="button" value="Exit">

最好的方法是在评论部分使用Mr.Alien建议的那个,连接字符串,就像这样

var h = '<label>Hello World, Welcome to the hotel</label>' +
              '<input type="button" value="Visit Hotel">' +
              '<input type="button" value="Exit">';

console.log(h);

产量

<label>Hello World, Welcome to the hotel</label><input type="button" value="Visit Hotel"><input type="button" value="Exit">

Answer 2

@thefourtheye答案是完美的,但如果你想,你也可以在这里使用连接,因为有时候\会产生误导,因为你会认为这些是文字字符.

var h = '<label>Hello World, Welcome to the hotel</label>';
    h += '<input type="button" value="Visit Hotel"> '; 
    h += '<input type="button" value="Exit">';

console.log(h);

演示