上一篇有自定义提示框,前端 自定义弹出框-提示框(一),这篇推荐一个确认框的实现。
JS默认确认框
确认框 var result=confirm(‘确认删除XX文件?’);result为bool类型
回复确认框 var result=prompt(‘请输入文件标题:’);result返回输入的值
自定义确认框
下文提供一个自定义提示框的案例,通过另一种方案(样式设置)来实现:
1 <div class="confirmWindow" id="confirmwindow">
2 <div class="body">
3 <div class="content">确认要删除XX文件么?</div>
4 <div class="btns">
5 <a href="javascript:void(0);" class="btn-cancel" id="btn_cancel" onClick="cancelOnClick()">取消</a>
6 <a href="javascript:void(0);" class="btn-confirm" id="btn_ok" onClick="okOnClick()">确认</a>
7 </div>
8 </div>
9 </div>
通过js设置元素的display属性,来控制提示框的显示隐藏
document.getElementById(“confirmwindow”).style.display = “inline”; document.getElementById(“confirmwindow”).style.display = “none”;
效果如下:
以上demo,完整案例请下载:example-Myconfi