javascript - 链接不要求用户确认

Question

我有这个代码

echo '<div class="bottomright"><a href="?id='
                . $topic_id
                . '&part=5"><img src="../assets/icons/Comments-    edit.png" /></a><a href="?id='
                . $topic_id
                . '&part=6"><img src="../assets/icons/Lock.png" /></a><a href="#" onclick="return confirm("Are you sure?")"><img src="../assets/icons/Trash.png" /></a></div>'; 

当我单击 Trash.png 时，它应该问“你确定”吗？但它不...

我在这里错过了什么吗？

Answer 1

这是问题所在：

onclick="return confirm("Are you sure?")"

注意引用的歧义。您必须以某种方式更改引号符号才能正确配对，可能是通过转义一组单引号。以下两项工作：

onclick="return confirm(\'Are you sure?\')"

onclick=\'return confirm("Are you sure?")\'

Answer 2

<a href="#" onclick="return confirm(\'Are you sure?\')">

您必须转义单引号。

因为：

• onclick="return confirm("Are you sure?")"无效JavaScript 。（通知"冲突）

• onclick="return confirm('Are you sure?')"将PHP 无效（注意'冲突，因为整个 echo 函数都包含在单引号内）

另一种选择是这样做：

'<a href="#" onclick="return confirm('. "'Are you sure?'" .')">'

这实际上关闭了echo引号，连接'Are you sure?'并连接其余部分。