javascript 单引号/双引号

Question

这是我原来的html代码：

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

但我需要将其转换为javascript，条件是如果{{IMAGE(z1)}}确实存在，那么var x，将写成html。

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

图像显示；但是，它不会 read/execute 相关的 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。

你可以简单地做

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

其中i是图片的id

Answer 3

请注意，您缺少开头 <div>，您需要确保转义引号。尝试在双引号内使用单引号，反之亦然，仅在必须时转义：

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

当你想在双引号内放置一个双引号时，你需要使用 \" 对内部进行转义，这同样适用于单引号 \':

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

另请注意，除非您使用的是解释 {{ .. }} 的库，否则此条件 "{{IMAGE(z1)}}" != "" 将始终为真。

javascript 单引号/双引号

javascript single quote / double quote

html

javascript

string

events

quote