BOM-Popup Boxes

Posted on Edited on In Views: Disqus:

 

BOM有提供三種彈出框可用

 

一、Alert box

範例：window.alert("I am an alert box!");

 

二、Confirm box

範例：

<!DOCTYPE html>
<html>
<body>

    <p>Click the button to display a confirm box.</p>

    <button onclick="myFunction()">Try it</button>

    <p id="demo"></p>

    <script>
        function myFunction() {
            var x;
            if (confirm("Press a button!") == true) {
                x = "You pressed OK!";
            } else {
                x = "You pressed Cancel!";
            }
            document.getElementById("demo").innerHTML = x;
        }
    </script>

</body>
</html>

 

三、Prompt box

範例：

<!DOCTYPE html>
<html>
<body>

    <p>Click the button to demonstrate the prompt box.</p>

    <button onclick="myFunction()">Try it</button>

    <p id="demo"></p>

    <script>
        function myFunction() {
            var person = prompt("Please enter your name", "Harry Potter");

            if (person != null) {
                document.getElementById("demo").innerHTML =
                "Hello " + person + "! How are you today?";
            }
        }
    </script>

</body>
</html>