javascript Window prompt() 方法 & Window confirm() 方法

prompt()方法用于显示可提示用户进行输入的对话框。

这个方法返回用户输入的字符串。

语法格式
prompt(msg,defaultText)

msg 可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。 defaultText 可选。默认的输入文本。 

<!DOCTYPE html>
<html>
<head>
    <title>请输入您的出生年份</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
        function prom(){
            var input = document.getElementById("year");
            var year = prompt("请输入您的出生年份");
            input.value = year;
        }
    </script>
</head>
<body>
<h1>Pormpt</h1><br />
<h3>请输入您的出生年份:</h3><br />
<input type="text" id="year" size="24"><br />
<button onclick="prom();">输入年份</button>

</body>
</html>

 

<!DOCTYPE html>
<html>
<head>
    <title>点击按钮查看输入的对话框</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p>点击按钮查看输入的对话框</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
    function myFunction()
    {
        var x;
        var person = prompt("请输入您的名字","harry Potter");
        if(person!=null && person!=""){
            x = "您好" + person + "！ 今天感觉如何？";
            document.getElementById("demo").innerHTML = x;
        }
    }
</script>
</body>
</html>

　　

confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。

如果访问者点击"确定"，此方法返回true，否则返回false。

<!DOCTYPE html>
<html>
<head>
    <title>点击按钮，显示确认框</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p>点击按钮，显示确认框</p>
<button onclick="myfunc()">点我</button>
<p id="demo"></p>
<script>
    function myfunc(){
        var x;
        var r = confirm("按下按钮");
        if(r == true){
            x="你按下了\"确定\"按钮！"
        }else{
            x="你按下了\"取消\"按钮！"
        }
        document.getElementById("demo").innerHTML = x;
    }
</script>
</body>
</html>

　　

posted @ 2019-10-14 19:47  runde  阅读(777)  评论(0)    收藏  举报