合肥外贸网站建设公司价格/小白如何学电商运营
特效描述：利用js实现 仿win10桌面 弹出窗口 提示代码。利用js实现仿win10桌面弹出窗口提示代码
代码结构
1. 引入JS
2. HTML代码
桌面通知无图片
桌面通知有图片
仿桌面通知无图片
仿桌面通知有图片
参数仅内容
var el=document.getElementById("text");
function test(i,isShowIcon){
//需允许浏览器通知
var config={
title:"新消息"+i,//通知标题部分 默认 新消息 可选
body:el.value,//通知内容部分
data:"abc2",// 是浏览器仿桌面通知 否首选桌面通知 默认否 可选
onclick:function(data){//监听点击通知 data:可传递参数 可选
new dToast("桌面通知被点击了 传递参数："+data);
},
}
if(isShowIcon==true){
config.icon="img/thumb-"+i+".jpg";//通知的图片 可选
}
//桌面通知
new dToast(config);
}
function testInner(i,isShowIcon){
var config={
title:"新消息"+i,//通知标题部分 默认 新消息 可选
body:el.value,//通知内容部分
inner:true, // 是浏览器仿桌面通知 否首选桌面通知 默认否 可选
onclick:function(data){ //监听点击通知 data:可传递参数 可选
new dToast("仿桌面通知被点击了 传递参数："+data);
},
data:"我是仿桌面通知的参数",//可传递参数 可选
timeout:10000 // 自动关闭 单位毫秒 默认 6500毫秒 timeout<=0 不自动关闭 可选
}
if(isShowIcon==true){
config.icon="img/thumb-"+i+".jpg";//通知的图片 可选
}
//仿桌面通知
new dToast(config);
}
function testOnlyContent(){
new dToast(el.value);
}