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

這種方法避免了函數內部的引號，沒有引號嵌套。