javascript弹出一个弹窗

最新推荐文章于 2025-03-30 23:21:49 发布

原创最新推荐文章于 2025-03-30 23:21:49 发布 · 289 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

源码:

function nalerte(setting){
random = Math.random()*1000
str = `<div style="position:absolute;z-index: 2px;min-width: 100%;min-height: 100%;background: rgba(0,0,0,0.6);" id="`+random+`"><div style="position:absolute;top: 25%;left: 25%;width: 230px;height: 300px;background: #FFFFFF;font-size: 20px;"><div style="width: 100%;height: 8%;overflow-x: auto;white-space:nowrap;text-align: center;">`+setting.title+`</div><div style="width: 100%;height: 84%;border: 1px solid #A1A1A1;overflow: auto;">`+setting.message+`</div><button style="width: 100%;height: 8%;border: none;background: #AEFFA2;" onclick="document.getElementById('`+random+`').style.display = 'none'">确定</button></div></div>`
document.body.innerHTML += str
}

调用示范:

nalerte({"title":"222","message":"677"})

样式: