Javascript: missing) после ошибки аргумента при возврате кнопки

Question

Я пытаюсь вернуть кнопку в некоторой функции в пользовательском интерфейсе и получить wierd-ошибку. Может кому-то помочь.

var div = "<button onclick='javascript:displayDetails('+value1+','+value2+');'>View</button>" 

Ошибка я получаю:

отсутствует) после списка аргументов.

Answer 1

Вы должны бежать:

var div = "<button onclick=\"javascript:displayDetails('+value1+','+value2+');\">View</button>" 

Answer 2

onclick="javascript:displayDetails('+value1+','+value2+');" 

Не

onclick='javascript:displayDetails('+value1+','+value2+');' 

---

Используйте ``, который поддерживает несколько строк вместо '' и избежать вложенной "":

const div = ` 
    <button onclick="javascript:displayDetails('+value1+','+value2+');"> 
     View 
    </button>`; 

Не

const div = "<button onclick='javascript:displayDetails('+value1+','+value2+');'>View</button>" 

Тогда вам не нужно Espace

Answer 3

последняя версия JavaScript (ES2015, ранее/также известный как ES6) теперь поддерживает «строки шаблонов», которые могут помочь избежать именно такого цитируя/избегая кошмаров. Используйте «одиночной обратной кавычки цитата» (ака апостроф) вокруг строки, чтобы сигнализировать шаблон строки и шаблон синтаксис ${value} для каждого значения вы хотите «интерполированное» (входит в комплект) в строку:

var div = `<button onclick="javascript:displayDetails(${value1},${value2});">View</button>`; 

В общем , лучше выбрать стандарт, для которого кавычки вы собираетесь использовать, когда. Многие современные руководства стиля JavaScript предпочитают одиночные кавычки (') для обычных строк и двойные кавычки (") для окружающих атрибутов HTML (или XML). Теперь, имея третий механизм котировок, вы не должны часто отмечать кавычки возврата с обратной косой чертой - приятно, потому что экранирование является раздражающим, подверженным ошибкам и анти-ясностью.