JavaScript弹出对话框的三种方法

最新推荐文章于 2024-04-03 03:16:00 发布

故梦连城

最新推荐文章于 2024-04-03 03:16:00 发布

阅读量5.9k

点赞数 6

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_41482001/article/details/86218055

版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

三种方法

alert();		最简单，将alert();括号内的内容弹出。
confirm();      与alert();类似，包含确认和取消按钮，点击确定confirm();方法会返回true，点击取消confirm();方法会返回false；
prompt();		与confirm();方法类似，点击时返回的事件相同。提供一个文本框，

alert();

        alert("你喜欢前端工程师吗？");

效果如下：

在这里插入图片描述
confirm();

	confirm("你喜欢前端工程师吗？");

效果如下：

在这里插入图片描述

prompt();

	prompt("你喜欢前端工程师吗？");

在这里插入图片描述

confirm();例子

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>confirm</title>
  <script type="text/javascript">
  function rec(){
    var mymessage=confirm("你是女士");
    if(mymessage==true)
    {
    	document.write("你是女士!");
    }
    else
    {
        document.write("你是男士!");
    }
  }    
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我，弹出确认对话框" />
</body>
</html>

prompt();例子

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
  <script type="text/javascript">
  function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score =prompt();
	if(score>=90)
	{
	   document.write("你很棒!");
	}
	else if(score>=75)
    {
	   document.write("不错吆!");
	}
	else if(score>=60)
    {
	   document.write("要加油!");
    }
    else
	{
       document.write("要努力了!");
	}
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>