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;" οnclick="document.getElementById('`+random+`').style.display = 'none'">确定</button></div></div>`
document.body.innerHTML += str
}

调用示范:

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

样式:

javascript弹出一个弹窗相关推荐

JavaScript 弹出一个可移动的框
<script language="javascript"> /*Title:JavaScript 弹出一个可移动的框 *Author: Alvin *Date: ...
VSCode每打开一次文件弹出一个git弹窗：-login -i rev-parse --show-toplevel
文章总结: 出现-login -i rev-parse --show-toplevel弹窗,打印rev-parse:no such file or directory,是vscode中git.path ...
JavaScript弹出框、对话框、提示框、弹窗总结
JavaScript弹出框.对话框.提示框.弹窗总结. 1.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 =================== ...
android 弹窗确认,弹出一个带确认和取消的dialog实例
实例如下: /** * 弹出一个带确认和取消的dialog * @param context * @param title * @param msg * @param okbutton * @para ...
html运用javascript设计弹窗,javascript弹出窗口实现代码
很多网页都实现了弹出窗口,使用方面,特别的人性化,本文就大家介绍javascript实现弹出窗口特效,具体代码如下: 弹出窗口 *{ margin: 0; padding: 0; } div{ mar ...
Javascript弹出div层
这是一个DIV弹窗效果! 将鼠标移动到此点击这里查看弹出窗口这是文章"JavaScript弹出窗口DIV层效果代码"的演示页面,点这里查看原文! 转载于:https://www ...
js 弹出一个页面 html页面刷新,原生js刷新当前页面与跳转页面的几种方法及区别总结...
在面向浏览器的web开发过程中,我们经常与JavaScript打交道,web开发页面路由跳转.刷新当前页面更是经常遇到的事.浏览器提供了至少3-5种的方式可以实现当前页面刷新或者跳转当前应用的其他页面 ...
点击文字弹出一个DIV层窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
Java程序员从笨鸟到菜鸟之（三十）javascript弹出框、事件、对象化编程
一:弹出框 JavaScript中有三种弹出框:警告(alert).确认(confirm)以及提问(prompt). 1.警告(alert) 在访问网站的时候,你遇到"咚"的一声 ...

javascript弹出一个弹窗

javascript弹出一个弹窗相关推荐

最新文章

热门文章