弹出框的讲解与实现

弹出框

弹出框主要分为：警告框（alert）、询问框（prompt）、确定框（confirm）

1. 警告框（alert）

警告框就是进入页面弹出的一个提示框，主要的作用也是起到一个对用户进行提示的效果。

警告框的使用：alert（）; 括号里填入需要提示的相关信息即可。

如图：

<script>
        // 警告框（alert）
        alert("看见没，这就是警告框！我的作用是：弹出来，用作提示的");
        // 因为alert是window对象的函数，也可以通过window.alert()来调用。
        // window.alert("因为alert是window对象的函数，也可以通过window.alert()来调用。"); 
 </script>

因为alert是window对象的函数，也可以通过window.alert()来调用。

同理：window.alert（）；括号里填入需要提示的相关信息即可。

 <script>
        // 警告框（alert）
        // alert("看见没，这就是警告框！我的作用是：弹出来，用作提示的");
        // 因为alert是window对象的函数，也可以通过window.alert()来调用。
        window.alert("因为alert是window对象的函数，也可以通过window.alert()来调用。"); 
    </script>

2. 询问框（prompt）

询问框也就是进入一个页面会弹出一个需要用户进行填写信息的框，

询问框的使用：var 变量名 = prompt（）；括号内填入相关的询问信息即可。

注意：因为是询问框，所以用户会输入一些信息，所以我们需要一个变量用来接收数据，所以这里注意一下。

如图：

因为alert是window对象的函数，也可以通过window.alert()来调用。

同理：var 变量名 = window.prompt ( ) ;

<script>
        // 询问框(prompt)
        var xunwen=prompt("我是询问框(prompt) ,作用是弹出一个询问框，可以让用户输入一个值。知道了没？")
        document.write(xunwen);

        // 因为prompt是window对象的函数，也可以通过window.alert()来调用。
        // var name = window.prompt("看吧，也可以通过window.alert()来调用。");
        // alert(name);
       
    //    console.log(window);

    </script>

注意： console.log(window); 可以用这个语句进行对window的函数进行查询。右击界面，点击检查，控制台，便可以查到。

3. 确定框（confirm）

confirm()的作用是弹出一个提示框或者警告框，对用户进行提示，并让用户做出选择。

数据会根据用户选择的不同，然后向接收变量传输的值也不一样，如果是确认的话，会传递true，如果是取消，会传递false。

确定框的使用： var 变量名 = confirm( ) ; 括号内填入相关的询问信息即可。

 <script>
        // 确认框(confirm)
        // confirm()的作用是弹出一个提示框或者警告框，纯提示作用。
        // var isLogin = confirm("您确认登录吗？");
        // document.write(isLogin);
/* 用户可以进行点击，而接受的变量会根据用户的选择，接收到不同的值。点击："确认"会接收到true,点击"取消"的话，会返回一个false.
 */