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>

  

猜你喜欢

转载自www.cnblogs.com/rjbc/p/11673497.html