您的位置：首页 > Web前端 > JavaScript

Js confirm删除确认 弹出对话框的写法

2015-09-24 10:36 567 查看

删除确认对话框的JS代码，有好几种写法，有简单的，有兼容好的，下面分别说几种方法，可根据自己需要选用：

第一种：最简单的JS删除确认，直接写在链接里：

view source

print?

1
<
a

href
=
""
javascript:if(confirm("确认要删除该内容?"))
location
=
"del.asp?&areyou=删除&id=1"
">删除</
a
>
第二种：定义一个函数，优点是可重复调用：

view source

print?

01
<script language=
"javascript"
>
02
function
del_sure(){
03
var
gnl=confirm(
"确定要删除?"
);
04
if
(gnl==
true
){
05
return

true
;
06
}
else
{
07
return

false
;
08
}
09
}
10
</script>
调用方法：

view source

print?

1
<
a

href
=
"del.asp?id=<%=rs("
id")%>" onclick="javascript:del_sure()">删除</
a
>
第三种，同样函数来实现：与第二种的区别是，可以自定义确认信息框，需用场合和第二种稍有区别：

view source

print?

1
<script language=
"javascript"
>
2
function
 

confirmDel(str){
3
return
 

confirm(str);
4
}
5
</script>
调用方法与第二种大同小异：

view source

print?

1
<
a

href
=
"delete.asp"

onclick
=
"return confirmDel('确定要删除吗')"
>删除</
a
>
第四种：批量删除的时候用：

第一种情况：通过提交按钮来激活确认对话框，代码如下：

view source

print?

1
<
input

name
=
"Submit"

type
=
"submit"

class
=
"inputedit"

value
=
"删除"
 
2
onclick
=
"{if(confirm('确定要删除?')){this.document.formname.submit();return true;}return false;}"
>
第二种情况：通过点击按钮来激活，代码如下：

view source

print?

1
<
input

name
=
"button"

type
=
"button"

ID
=
"ok"

onclick="{if(confirm('确定要删除?')){window.location='Action.asp?
Action
=
Del
&ID=<%=ID%>';return
2
true;}return false;}" value="删除该栏目" />
好了，常用的弹出删除确认代码常用的大概就这些了，请根据自己的需要选择适用
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航