桌面通知_html5_Notify

最新推荐文章于 2024-08-29 14:52:15 发布

阳光温暖

最新推荐文章于 2024-08-29 14:52:15 发布

阅读量595

点赞数

CC 4.0 BY-SA版权

分类专栏：杂谈_jQuery

本文链接：https://blog.youkuaiyun.com/allenjay11/article/details/79196837

杂谈_jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的浏览器桌面通知示例，通过一段 HTML 和 JavaScript 代码实现点击按钮后显示带有图标、标题和消息内容的通知。该示例适用于前端开发者学习和参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开启浏览器桌面通知

如下图所示

这里写图片描述

代码

<body>
<h1>demo</h1>
<button>点击</button>
</body>
<script type="text/javascript">
/* ------------------------------------------
        Shows the notification (if possible)
        message = {
            icon:
            title:
            message:
            onshow:
            onclick:
            onerror:
            onclose:
        }
    ------------------------------------------ */ 
    $(function(){
        $("button").click(function(){
            Notify.show({
                icon:"images/icon.png",
                title:'hello world!', 
                message:"Talk is cheap. Show me the code!"
            });
        });
    })
</script>