Javascript апостроф/двойные кавычки

Question

это мои оригинальные HTML коды:

<div> 
    <img src="image/sample.jpg" onmouseover="showTitle('title')"> 
</div> 

Но мне нужно, чтобы быть преобразованы в JavaScript, для условия, если {{IMAGE (z1)}} существуют, то переменная х , будет выписан как html.

<script> 
    if ("{{IMAGE(z1)}}" != "") { var x = "<img src="image/sample.jpg" onmouseover='showTitle('title')'></div>"; 
    document.write(x); } 
</script> 

Изображение показывает; однако он не будет читать/выполнять связанные функции javascript.

HTML:

onmouseover="showTitle('title')" 

Javascript переменной двойной кавычки (не удалось):

var x = "onmouseover="showTitle('title')"" 

Javascript переменной апостроф (не удалось):

var x = "onmouseover='showTitle('title')'" 

Вы знаете обходной путь этого ? Заранее спасибо!!

Answer 1

var x = "<img src=\"image/sample.jpg\" onmouseover=\"showTitle('title')\"></div>"; 

Answer 2

Основная ошибка: изменение,

var x = "<img src="image/sample.jpg" onmouseover='showTitle('title')'></div>"; 

Для

var x = "<img src=\"image/sample.jpg\" onmouseover=\"showTitle('title')\"></div>"; 

Кстати, ваш метод на самом деле плохо.

Интересно, будет ли это работать if ... Я не знаю много js, но я бы сказал, оставьте этот метод.

Во-вторых, используйте jquery, если возможно.

U может просто сделать

$("#i").mouseover(function(){ 
showTitle('title'); }); 

Где i это идентификатор изображения

Answer 3

Примечание вам не хватает стартового <div>, и вы должны обеспечить, чтобы экранировать кавычки. Попробуйте использовать одинарные кавычки внутри двойных кавычек и тиски-Versa, только бежать, когда вы должны:

var x = "<div><img src='image/sample.jpg' onmouseover='showTitle(\"title\")'></div>"; 

Если вы хотите разместить двойные кавычки внутри двойных кавычек, вам нужно, чтобы избежать внутри с \" то же самое относится и к одиночные кавычки \':

" \" " -- Double Quotes Escape 
' \' ' -- Single Quotes Escape 

Также обратите внимание, если вы не используете библиотеку, которая интерпретирует {{ .. }}, это условие "{{IMAGE(z1)}}" != "" всегда будет истинным.