img onclick не работают, когда в кавычках

Question

img onclick не работают, когда в кавычках

0

У меня такой код, как этот

 var cross=  '<img src="./img/cross.png"height="25px" width="25px" style="float: right; 
                              vertical-align: top"' + 'onclick="alert('+1+');">';

Img показывает правильно, но предупреждение не работает. Кроме того, я задаюсь вопросом, есть ли некоторые советы при написании кода со многими кавычками или есть какой-то другой способ реализации.

Stephanie Yang 04 окт. 2013, в 00:21

Источник

4

в идеале вы должны избегать использования встроенных обработчиков, как у вас здесь, тогда вам не нужно беспокоиться о том, чтобы получить кавычки прямо в качестве дополнительного преимущества
kinakuta 03 окт. 2013, в 21:48
0

Почему вы не использовали этот код? что делают эти дополнительные кавычки? var cross= '<img src="./img/cross.png"height="25px" width="25px" style="float: right; vertical-align: top" onclick="alert(1);">';
EhsanT 03 окт. 2013, в 22:36

Теги:

javascript

html

css

2 ответа

0

Чувак, в этом так много ошибок, я не знаю с чего начать.

<img src="./img/cross.png"height="25px" width="25px" style="float: right; 
                      vertical-align: top"' + 'onclick="alert('+1+');">';

Атрибуты должны иметь пробелы между ними. Не уверен, что это часть строгой спецификации HTML, но, несомненно, помогает читать. <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 с помощью обратных косых черт.

jpsimons 04 окт. 2013, в 01:26

Ещё вопросы

в идеале вы должны избегать использования встроенных обработчиков, как у вас здесь, тогда вам не нужно беспокоиться о том, чтобы получить кавычки прямо в качестве дополнительного преимущества
Почему вы не использовали этот код? что делают эти дополнительные кавычки? var cross= '<img src="./img/cross.png"height="25px" width="25px" style="float: right; vertical-align: top" onclick="alert(1);">';

Anon · Accepted Answer · 2013-10-03T20-23-00.000Z

попробуйте этот код

var temp = "+1+";
var cross= "<img src='./img/cross.png' height='25px' width='25px' style='float: right; vertical-align: top' onclick='alert(temp)'">;