window.confirm()的用法

07年09月19日

          今天遇到这个一个问题:

         页面代码及相应的调用的javascript函数:

              <input type="button" οnclick="javascript:deleteSorts()" class="input" value=" 删除 "> 

              function deleteSorts(){
                 var bool = window.confirm("此操作将会删除该栏目下所有的子栏目及其文章,您确定删除吗?");
                return bool;
                var arr = new Array();
                var checkboxarr = tree.getAllChecked();
                document.getElementById("allId").value=checkboxarr;
                if(checkboxarr!=null&&checkboxarr!=""&&checkboxarr!=undefined){ 
                           window.location.href("<%=request.getContextPath()%>/sort.do? method=deleteSorts&checkboxarr="+checkboxarr);
               }else{
                       alert("请选择目标栏目");
                       return false;
                 }   
            }

           注意蓝色的代码,window.confirm()方法是有返回值的,返回值为true,false两种情况!

           window.confirm()方法在页面上显示带确定"和"取消"按钮的提示信息,当点"确定"的时候,返回值为true;当点"取消"按钮的时候,返回值为false.

           恩,以前从没在意过这个细小的地方!就是-->百度 --->ctrl+c  --->ctrl+v了.

可以使用CSS和JavaScript来美化window.confirm弹窗。 首先,使用CSS样式来调整窗口的样式,如下所示: ```css /* 遮罩层 */ .confirm-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } /* 弹窗容器 */ .confirm-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 10000; } /* 按钮样式 */ .confirm-btn { display: inline-block; padding: 10px 20px; background: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; } .confirm-btn:hover { background: #0062cc; } ``` 然后,使用JavaScript来替换默认的window.confirm方法,如下所示: ```javascript // 替换 window.confirm 方法 window.confirm = function (message) { // 创建遮罩层 var overlay = document.createElement('div'); overlay.classList.add('confirm-overlay'); // 创建弹窗容器 var container = document.createElement('div'); container.classList.add('confirm-container'); // 创建提示信息 var messageEl = document.createElement('p'); messageEl.innerText = message; container.appendChild(messageEl); // 创建按钮 var confirmBtn = document.createElement('button'); confirmBtn.classList.add('confirm-btn'); confirmBtn.innerText = '确认'; confirmBtn.addEventListener('click', function () { overlay.remove(); // 移除遮罩层 return true; // 确认后返回true }); container.appendChild(confirmBtn); var cancelBtn = document.createElement('button'); cancelBtn.classList.add('confirm-btn'); cancelBtn.innerText = '取消'; cancelBtn.addEventListener('click', function () { overlay.remove(); // 移除遮罩层 return false; // 取消后返回false }); container.appendChild(cancelBtn); // 添加弹窗容器到遮罩层 overlay.appendChild(container); // 添加遮罩层到页面 document.body.appendChild(overlay); }; ``` 这样,调用window.confirm方法时,就会出现美化后的弹窗了。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值