У меня такой код, как этот
var cross= '<img src="./img/cross.png"height="25px" width="25px" style="float: right;
vertical-align: top"' + 'onclick="alert('+1+');">';
Img показывает правильно, но предупреждение не работает. Кроме того, я задаюсь вопросом, есть ли некоторые советы при написании кода со многими кавычками или есть какой-то другой способ реализации.
попробуйте этот код
var temp = "+1+";
var cross= "<img src='./img/cross.png' height='25px' width='25px' style='float: right; vertical-align: top' onclick='alert(temp)'">;
Чувак, в этом так много ошибок, я не знаю с чего начать.
<img src="./img/cross.png"height="25px" width="25px" style="float: right;
vertical-align: top"' + 'onclick="alert('+1+');">';
<img src="..." height="...">
<img>
являются целыми атрибутами, а не CSS. Таким образом, <img width="25" height="25">
src="img/cross.png"
- это то, что вы хотите.onclick
- это одиночная кавычка с двойными кавычками внутри, что хорошо, но тогда строка заканчивается первой одинарной кавычкой. Таким образом, вы получаете onclick="alert(
затем +1
который получает в строку для onclick="alert(1
тогда добавляется финальная строка (close paren, semicolon, double quote, right angle bracket). быть синтаксически действующим JavaScript. Короче говоря, избегайте одиночных кавычек в вашем alert
с помощью обратных косых черт.
var cross= '<img src="./img/cross.png"height="25px" width="25px" style="float: right; vertical-align: top" onclick="alert(1);">';