javascript - insidehtml 中的警报按钮

Question

我有一个 javascript 函数可以在 div insidehtml 中调用此结果。单击按钮时如何提醒“警报功能”？

$html.='<table class="table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <th width="5%">#</th>
                    <th>Title</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>';
            $c=1;
        foreach($titles AS $item){
            $html.='<tr>
                    <td>'.$c.'</td>
                    <td>'.urldecode($item->title_content).'</td>
                    <td><button type="button" class="btn btn-danger" onclick="alert(\'**Alert Function**\')">Delete</button></td>
                </tr>';
                $c++;
        }
        $html.='</tbody>
         </table>';
        echo $html;

谢谢

Answer 1

由于这是 PHP，因此您可以直接插入 onClick() 事件，如下所示:

<td><button type="button" id="deleteButton" class="btn btn-danger" onclick="alertFunction()">Delete</button></td>

然后在 JavaScript 文件中:

function alertFunction()
{
    alert('My custom text');
}

请告诉我这是否解决了您的问题以及我是否正确理解了您的问题。

如果此 onClick() 是用 JavaScript 本身编写的，则删除该部分并在 JavaScript 脚本中添加额外的行:

document.getElementById("deleteButton").addEventListener("click", alertFunction);