В программе, часто пишутся конкатенация, наиболее распространенным способом является сращивание в струнном вернуться на страницу, а затем пусть браузер рендеринга в HTML код.
Теперь ES6 было много, но по какой-то причине, некоторые проекты могут использовать только самый примитивный знак плюс «+» стежок, так что будет ситуация использования; Рассмотрим следующий код:
1 вар stringify_json = JSON.stringify (rowObject); 2 вар str2 = 1;
1 ул + = "<вход OnClick = 'del_id ( "+ stringify_json +", "+ str2 +") , ' тип = 'кнопка' значение = '删除' />" ; 2 Функция del_id (а, б) { 3 console.log (а); 4 console.log (б); 5 }
Выше жизнь кода, на этот раз это не проблема, вы кладете ул возвращается непосредственно на страницу, страница может быть правильно решена, нажмите на эту кнопку также можно распечатать, вот результат печати
Печать структура не является проблемой. Но когда мы помещаем строку в str2, я нашел страницу, чтобы начать эту ошибку.
То есть, приведенный выше код в str2 = «строку», когда отдается начало страницы; Вот результат рендеринга ложной информации, а также страниц;
Я обнаружил, что это не в соответствии с конкатенации, так что JS думаю, что это процесс, поэтому произошла ошибка выше.
Таким образом, мы сращивания времени, вы должны поставить кавычки с обеих сторон строки, так что следующий код:
1 ул + = "<вход OnClick = 'del_id ( "+ stringify_json +"," + str2 + ")" тип = 'кнопка' значение = '删除'/>";
Затем на странице рендеринга это так.
Другими слова, HTML парсер для разбора строки перед кавычками, когда они думают, что этот период будет завершен, поэтому страница будет направлять сообщение об ошибке, и что нам нужны одиночные кавычки на строчке, в двойные кавычки;
Ниже приведен скриншот моего редактора, я прямо в коде выше в одинарных кавычках в двойные кавычки.
Редактор str2 не непосредственно в качестве переменных. Это, конечно, не работает, поэтому в этот раз мы должны тратить передачи символа «\» а;
1 ул + = "<вход OnClick = 'del_id ( "+ stringify_json +" \ "" + str2 + "\" "+") , ' тип = 'кнопка' значение = '删除' />";
Это после передачи плюс характер, то есть, \ назад кавычки, а не как мы сращены вещь, но это просто означает, что он цитирует. В этом случае, мы можем нормально печатать.
---------------- великолепна разделительная линия -----------------------------
Есть уже много проектов с ES6 штраф, ES6 более красивый способ объединения строк, см ссылку ниже
https://www.cnblogs.com/newze/p/7535470.html
Эта статья была написана хорошо. Вы можете иметь контроль;