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>

图像显示;但是，它不会读取/执行相关的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

请注意，您错过了起始<div>，并且您需要确保转义引号。尝试在双引号内使用单引号，反之亦然，只有在必须时才会转义：

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

如果您想在双引号内放置双引号，则需要使用\"转义内部，同样适用于单引号\'：

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

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

Answer 3

主要错误：改变，

 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

javascript单引号/双引号

3 个答案: