如何显示包含 Html 标签的警告框？答案

【问题标题】：How to display an alert box containing Html tags?如何显示包含 Html 标签的警告框？
【发布时间】：2011-05-10 08:40:55
【问题描述】：

我想在警告框中显示包含 HTML 标记的字符串。 onclick 事件触发此操作，但未显示警报..

这是显示警告框的javascript函数..

function DisplayNext(Next){
            alert(Next);

        }

这个jsp是

String test="DisplayNext(\"<table><table cellspacing='10' cellpadding='10'><tr><th>ID</th><th>Lattitude </th><th>Longitude</th><th>Gpsid</th><th>Speed</th><th>Type</th><th>Routeid</th><th>Status</th><th>Passengers</th><th>Capacity</th><th>Delete</th><th>Update</th></tr><tr><td>1</td><td>20.0</td><td>51.0</td><td>19.0</td><td>30.0</td><td>Bus</td><td>3</td><td>Active</td><td>20</td><td>65</td><td><a href=Deletetable.jsp?command=deleteVehicles&vehicle_ID=1><img  src='Delete.gif' alt='Delete' title='Delete' width='20' height='20'></a></td><td><a href=Home.jsp?command%3Dvehicle%26commandid%3Dupdate_form%26Vehicle_ID%3D1%26vehicle_locX%3D20.0%26vehicle_locY%3D51.0%26vehicle_Gpsid%3D19.0%26vehicle_speed%3D30.0%26vehicle_type%3DBus%26vehicle_routeid%3D3%26vehicle_status%3DActive%26vehicle_passengerno%3D20%26vehicle_capacity%3D65%26vehicle_agentid%3D3 ><img src='Update.gif' alt='Update' title='Update' width='20' height='20'></a></td></tr><table cellspacing='10' cellpadding='10'><tr><th>ID</th><th>Lattitude </th><th>Longitude</th><th>Gpsid</th><th>Speed</th><th>Type</th><th>Routeid</th><th>Status</th><th>Passengers</th><th>Capacity</th><th>Delete</th><th>Update</th></tr><tr><td>1</td><td>20.0</td><td>51.0</td><td>19.0</td><td>30.0</td><td>Bus</td><td>3</td><td>Active</td><td>20</td><td>65</td><td><a href=Deletetable.jsp?command=deleteVehicles&vehicle_ID=1><img  src='Delete.gif' alt='Delete' title='Delete' width='20' height='20'></a></td><td><a href=Home.jsp?command%3Dvehicle%26commandid%3Dupdate_form%26Vehicle_ID%3D1%26vehicle_locX%3D20.0%26vehicle_locY%3D51.0%26vehicle_Gpsid%3D19.0%26vehicle_speed%3D30.0%26vehicle_type%3DBus%26vehicle_routeid%3D3%26vehicle_status%3DActive%26vehicle_passengerno%3D20%26vehicle_capacity%3D65%26vehicle_agentid%3D3 ><img src='Update.gif' alt='Update' title='Update' width='20' height='20'></a></td></tr><tr><td>2</td><td>-20.134946</td><td>57.527719</td><td>20.0</td><td>50.0</td><td>Bus</td><td>1</td><td>Active</td><td>45</td><td>65</td><td><a href=Deletetable.jsp?command=deleteVehicles&vehicle_ID=2><img  src='Delete.gif' alt='Delete' title='Delete' width='20' height='20'></a></td><td><a href=Home.jsp?command%3Dvehicle%26commandid%3Dupdate_form%26Vehicle_ID%3D2%26vehicle_locX%3D-20.134946%26vehicle_locY%3D57.527719%26vehicle_Gpsid%3D20.0%26vehicle_speed%3D50.0%26vehicle_type%3DBus%26vehicle_routeid%3D1%26vehicle_status%3DActive%26vehicle_passengerno%3D45%26vehicle_capacity%3D65%26vehicle_agentid%3D1 ><img src='Update.gif' alt='Update' title='Update' width='20' height='20'></a></td></tr></table>\")";

                                            NextLink = "<br><a href='#' onclick="+test+"> Next</a>";

点击下一个链接时，提示框不显示，如何显示？

我将代码更改为更简单的代码，但仍无法使用警告框显示 html 标记。代码在TheStijn的评论中

【问题讨论】：

我已经编辑了您的问题，使 JS 和 JSP 显示为代码块，但由于行长和奇怪的缩进，它们仍然不可读。如果您努力使问题更易于阅读，您会得到更多人的帮助。
我假设您在这里使用alert() 进行调试？您可能会发现浏览器控制台提供了更简单的调试环境——如果您使用的是 Firefox，请安装 Firebug 扩展并尝试将 alert() 替换为 console.log()。

标签： jsp alert

【解决方案1】：

您在测试字符串和 href 标记中都使用双引号。改为这样做：

String test = "DisplayNext('ID...')";

【讨论】：

我将代码更改为更简单的代码。 String test = "DisplayNext(\"
vimal
\")";String NextLink = "
Next ";