php - 如何使用 HTML5、jQuery、PHP 或 JavaScript 在按钮上创建编号警报？

Question

我有一个 HTML 按钮，链接到具有电子邮件等功能的页面。我试图弄清楚如何通过在我的按钮上使用一个数字来提醒用户，该数字会告诉用户在他们单击按钮查看它们之前他们有多少消息。这几乎是一个没有弹出窗口的警报。如果可能的话，我更喜欢编程语言是 HTML5、jQuery、PHP 或 JavaScript。

措辞不必与我的相匹配，我只需要一个关于如何执行我要求的警报的示例。提前感谢您的帮助！

这是我的按钮的示例：

<form method = "link" action = "messages.html">
    <input type = "submit" value = "Messages">
</form>

score 1 · Accepted Answer

扩展 B7ackAnge7z 答案。

我总是建议不要使用内联 javascript。为什么？因为将来编辑很糟糕，您不可避免地需要这样做。

所以我的建议是制作一个为您执行此操作的函数。

这是代码。

html

<input class="messageBox" type="submit" value="Messages" data-message="Heres the message" />

javascript，包括 jQuery

$(".messageBox").click(function() {
 alert($(this).attr("data-message"));
});

您可以将一类 messageBox 设置为您想要提醒消息的任何项目。然后使用 php，您可以使用您的消息填充 data-message 属性。javascript 将处理其余部分。

score 0 · Accepted Answer

要显示警报消息，请使用onclick：

<input type="submit" value="Messages" onclick="alert('hello world!')" />

score 0 · Accepted Answer

<input type = "submit" value = "You have <?php echo getNumMessages(); ?> new mail messages. yayyyyyyyy i got mail yayyy...">

php函数

function getNumMessages() {
    return 5;
}

3 回答 3