您现在的位置: 365建站网 > 365学习 > javascript(alert 确定 取消消息对话框),确认 (confirm 消息对话框)

javascript(alert 确定 取消消息对话框),确认 (confirm 消息对话框)

文章来源:365jz.com     点击数:179    更新时间:2018-08-01 16:35   参与评论

我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。

注:alert弹出消息对话框(包含一个确定按钮)。

语法:

alert(字符串或变量);

注意:

1. 在点击对话框"确定"按钮前,不能进行任何其它操作。

2. 消息对话框通常可以用于调试程序。

3. alert输出内容,可以是字符串或变量,与document.write 相似。

<title>alert</title>
  <script type="text/JavaScript">
  function rec(){
    var mychar="I love JavaScript";
    alert(mychar);
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框" />
</body>


确认(confirm 消息对话框)

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

语法:

confirm(str);

参数说明:

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

返回值:

当用户点击"确定"按钮时,返回true
当用户点击"取消"按钮时,返回false

注: 通过返回值可以判断用户点击了什么按钮

<script type="text/javascript">
 
function rec()
{
	var mymessage=confirm("你喜欢javascript吗?");
	if(mymessage==true)
	{
		document.write("很好,加油!");
	}
	else if(mymessage==false)
	{
		document.write("要学javascript,而且必须学");
	}
}
</script>
	
</head>
 
<body>
	<input type="button" name="button" value="点击我,弹出确认对话框" onclick="rec()" />
</body>


11.jpg

<script type="text/javascript">
function resc()
{
	var myname=prompt("请输入你的姓名");
	if(myname!=null)
	{
		document.write("你好"+myname);
	}
	else
	{
		document.write("你好"+朋友);
	}
}
</script>


<body>
	<input type="button" name="button" value="点击我,弹出提问对话框" onclick="resc()" />
</body>

22.jpg


其它:

js 弹出确认 取消对话框

一种:

<a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.google.com'">弹出窗口</a>

二种:

<script language="JavaScript">             
function delete_confirm(e) 
{
    if (event.srcElement.outerText == "删除") 
    {
        event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?");
    }
}
document.onclick = delete_confirm;
</script>

<a href="Delete.aspx" onClick="delete_confirm">删除</a>

三种:

if(window.confirm('你确定要取消交易吗?')){
                 //alert("确定");
                 return true;
              }else{
                 //alert("取消");
                 return false;
             }

 

四种:

 <script language="JavaScript">             

function delete_confirm() <!--调用方法-->
{
    event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?");
}
</script>

方法一讲解:

分解成三部分来看:

  • <a href="javascript: // ">表示点击超链接后执行相应的javascript代码。

  • confirm() 表示一个要求确认的对话框,用户点击确定返回true,取消则返回false。

  • if(confirm())则表示,如果用户选择了确定,则执行if代码,否则什么也不做。


如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (179人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------