javascript - 这2段js代码字符串有什么不一样？为什么第一段报错

Question

 var str1="<p class='data_box'id='data_box'>
       <input type='text'class='showDate' value='点击选择日期' />";
  var str2="<p class='data_box'id='data_box'><input type='text'class='showDate' value='点击选择日期' />";

我大概知道是转义的关系，但不是很清楚。

Answer 1

js里的字符串是不能直接进行换行拼接的，就比如你的第一种写法，那有什么方式能解决换行拼接呢？

1. 每行一个字符串，用+连接

var str1="<p class='data_box'id='data_box'>"+
       "<input type='text'class='showDate' value='点击选择日期' />";

1. 在折行处使用反斜杠

var str1="<p class='data_box'id='data_box'>\
       <input type='text'class='showDate' value='点击选择日期' />";

Answer 2

第一个里面你换行了，引号失效了，非要换行的话，这样了：

var str1="<p class='data_box'id='data_box'>" + 
       "<input type='text'class='showDate' value='点击选择日期' />";

Answer 3

js字符串字面量不能写多行

Answer 4

1、不要换行；
2、换行要转义（“\”）；
3、永连接符（“+”）。