使用onclick函数回显html短语

Question

您好亲爱的程序员，

我在执行javascript函数的onclick函数中回显html短语时遇到问题。 我想为图片库建立一个标签页。

回声：

 echo "<div class='albumitem'><a class='tablinks' onclick='openAlbum(event, '".$album."')'><h1 class='galleryheader'>".$album."</h1></a><div id='".$album."' class='tabcontent'>";

一切正常，除了在onclick函数中传递变量外，如您在此处看到的。 HTML实际上是什么样的：

<a class="tablinks" onclick="openAlbum(event, " aubing')'=""><h1 class="galleryheader">Aubing</h1></a>

但是此onclick事件必须如下所示：

onclick="openAlbum(event, 'Aubing')"

有没有一种方法可以真正实现这一目标，还是我必须找到其他选择？ 我实际上尝试过将“与”切换，效果不是很好。

谢谢大家的帮助

Answer 1

尝试这个：

echo "<div class='albumitem'><a class='tablinks' onclick='openAlbum(event, \"$album\")'><h1 class='galleryheader'>".$album."</h1></a><div id='".$album."' class='tabcontent'>";

查看onclick定义中的转义双引号

Answer 2

addslashes是您要查找的内容，还必须删除变量中的单引号。尝试执行以下方法

echo "<div class='albumitem'><a class='tablinks' onclick='openAlbum(event, '".addslashes($album)."')'><h1 class='galleryheader'>".$album."</h1></a><div id=".addslashes($album)." class='tabcontent'>";

希望能有所帮助。

Answer 3

替代：

$escapedString = htmlspecialchars('This is a test string: < > & \' " end.', ENT_COMPAT);
echo "<div onclick='alert(this.dataset.name)' data-name=\"$escapedString\">Click Me</div>";

这种方法避免了函数内部的引号，没有引号嵌套。