需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的<body>标签中,输入js代码:
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面,此时点击按钮弹出了提示框。
这个要看具体的代码实现。如果代码实现是显示/隐藏原本在HTML中的元素,那就把隐藏的元素复制一份,JS代码复制一份改改名字就可以,虽然低端,胜在实现快。
如果是动态创建,那就复杂一点了,需要修改创建的元素的标识来分别对应不同的弹窗。包括创建的元素ID,创建出的元素的关闭按钮绑定事件等等。
如果考虑第三方组件,那就很多了,layerui里的layer组件是个不错的选择。