需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<body>标签中，输入js代码：
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面，此时点击按钮弹出了提示框。
首先要写一个弹窗内容区div，把要显示在弹窗里面的标签放在弹窗的div里面就行，当弹窗打开的时候，弹窗里面的内容就是你布局的内容。这需要结合JavaScript，纯html是实现不了的。1、首先，HTML的弹窗函数是alert，这是一个系统函数，样式是固有的，不可变更的。2、如果想更改弹窗的样式，那就是使用DIV来模拟一个弹窗，这样才可以实现自定义样式，但这样需要模拟的不单是弹窗的样式，还有弹窗所有的行为，要模拟的比较多。常见的JS框架中都会有这一类自定义的信息提示框。你可以参考一下。3、希望对你有帮助。
