javascript - 函数未通过 href 中的 javascript 调用

Question

我使用了在网上找到的代码，然后做了一些修改:

<script type="text/javascript">
    var foodList = [];

    function addToFood (addFood) {
        alert(addFood);
        //foodList.push(addFood);
        //for (i = 0; i < foodList.length; i++) {
        //    var newFood = "<a href='#' onClick='removeRecord(" + i + ");'>X</a> " + foodList[i] + " <br>";
        //};
        //document.getElementById('foods').innerHTML += newFood;
    }
</script>

此时我只想提醒 addToFood 上的参数。应调用该函数:

echo "<a href='javascript:addToFood(". $zeile1['TITLE'] .");' class='band-head'>Add</a>";

这一行显示了我如何添加 <a>与 href 中的 javascript 一起使用。 php 渲染了正确的行，但 addToFood 从未被调用。

看看在线演示:http://anthraxx.sytes.net/也许它比我更能帮助你。我通过 Google Chrome 收到的错误:Uncaught SyntaxError: Unexpected identifier但就是无法找出那个意外的标识符。

谢谢

Answer 1

您需要将 $zeile1['TITLE'] 包装在字符串内，如下所示:

echo "<a href='javascript:addToFood(\"". $zeile1['TITLE'] ."\");' class='band-head'>Add</a>";

您可以看到我在 JS 调用中在左括号之后和结束括号之前添加了转义引号 \"。否则它将尝试将变量而不是字符串传递给函数。

为什么要逃跑？那是因为你正在用 PHP echo:ing 它。如果我没有转义引号，PHP 会将其解释为我结束了字符串，这不是我们想要的。我想将引号作为内联代码放在其中。