使用onclick函数回显html短语

Question

亲爱的程序员你好，

我有一个html短语的回显问题与一个执行javascript函数的onclick函数。我想为图片库构建一个标签页。

回声：

 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>";

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