confirm确认对话框的实现方法总结

前端之家收集整理的这篇文章主要介绍了confirm确认对话框的实现方法总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

还记得之前的javascript入门里的讲的confirm 消息对话框吗?不记得也没关系,我们先来回顾一下,然后在详细讲它。

复习:

confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

参数说明:

str:在消息对话框中要显示的文本返回值: Boolean值返回值:

用户点击"确定"按钮时,返回true当用户点击"取消"按钮时,返回false注: 通过返回值可以判断用户点击了什么按钮

看下面的代码:

功能强大,要学习噢!"); }

结果

:

:

消息对话框是排它的,即用户在点击对话框按钮前,不能进行任何其它操作。

任务

使用confirm()提示框,当点击按钮时,完成性别确认。

<div class="jb51code">
<pre class="brush:js;">
<!DOCTYPE HTML>

confirm

然后给input调用函数,加个onClick="confirm ()"最后对javascript window.confirm做个小结

第一种:

就是上面我们提到的那种方法

function confirm (){

var msg=confirm("你是女士!");

if(msg==true)

{

document.write("你是女士!");

}

else

{

document.write("你是男士!");

}

}

第二种:

标签中写:

1.

2 .

想简单点调用的话 也可以这样

代码如下:

第三种:

<div class="jb51code">
<pre class="brush:js;">
<script language="JavaScript">

function del_confirm(e)

{

if (event.srcElement.outerText == "删除")

{

event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?");

}

}

document.onclick = delete_confirm;

<div class="jb51code">
<pre class="brush:xhtml;">
<a href="#" onClick="del_confirm">删除

第四种:

function del_confirm()

{

event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?");

}

删除

以上就是小编为大家带来的confirm确认对话框的实现方法总结全部内容了,希望大家多多支持编程之家~

原文链接:https://www.f2er.com/js/47806.html

猜你在找的JavaScript相关文章