小学生级别JavaScript笔记_window对象的3种对话框方法_2019/9/6

雨打落展翅不折!!!!!!!!!!!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window对象的3种对话框方法</title>
<!--    alert("提示信息"):一个参数,无返回值-->
<!--    prompt("提示信息","默认返回值"):两个参数,返回字符串。输入对话框,用来提示用户输入一些信息,单击“取消”按钮则返回null,单击“确定”按钮则返回用户输入的值,常用于收集用户关于特定问题而反馈的信息-->
<!--    confirm("提示信息"):一个参数,返回true/false。确认对话框,显示提示对话框的消息、“确定”按钮和“取消”按钮,单击“确定”按钮返回true,单击“取消”按钮返回false,因此与if-else语句搭配使用-->
</head>
<body>
<p><input type="button" value="弹出alert对话框" onclick="showAlert()"></p>
<p>
    <input type="button" value="弹出prompt对话框" onclick="showPrompt()">
    <h2 id="showAge"></h2>
</p>
<p>
    <input type="button" value="弹出confirm对话框" onclick="showConfirm()">
    <h2 id="showInfo"></h2>
</p>
<script>
    function showAlert() {
        window.alert("参数:提示信息");
    }

    function showPrompt() {
        var age = window.prompt("参数1:请输入年龄(默认20)","20");//第二个参数是默认的返回值(string)
        document.getElementById("showAge").innerHTML = "您输入的年龄是:"+age;
    }

    function showConfirm() {
        var flag = window.confirm("参数:我是个天才吗?");
        if(flag){
            document.getElementById("showInfo").innerHTML = "您的回答是:是" ;
        }else {
            document.getElementById("showInfo").innerHTML = "您的回答是:不是" ;
        }
    }
</script>
</body>
</html>
发布了33 篇原创文章 · 获赞 4 · 访问量 2162

猜你喜欢

转载自blog.csdn.net/weixin_44981510/article/details/100573259