javascript单引号/双引号

javascript single quote / double quote

本文关键字：单引号 javascript      更新时间：2023-09-26

这是我最初的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')'"

你知道解决办法吗？提前感谢！！

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

请注意，缺少起始<div>，需要确保转义引号。试着在双引号中使用单引号，反之亦然，只有在必要时才转义：

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

当你想把双引号放在双引号里时，你需要用'"转义里面，这同样适用于单引号'':

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

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

主要错误：更改，

 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

相关文章：