如何在具有HTML5，jQuery，PHP或JavaScript的按钮上创建编号警报

How to create a numbered alert on a button with either HTML5, jQuery, PHP, or JavaScript?

本文关键字：按钮 创建 编号 JavaScript PHP HTML5 jQuery      更新时间：2023-09-26

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

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

这是我的按钮示例：

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

扩展 B7ackAnge7z 答案。

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

所以我的建议是制作一个为你做这件事的函数。

这是jsfiddle -> http://jsfiddle.net/CSZ9L/

这是代码。

目录

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

javascript，包括jQuery

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

可以将 messageBox 类设置为要为其发出消息警报的任何项目。然后使用 php，你可以用你的消息填充数据消息属性。JavaScript将处理其余的工作。

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

PHP函数

function getNumMessages() {
    return 5;
}

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

<input type="submit" value="Messages" onclick="alert('hello world!')" />
相关文章：