JavaScript |对话框-yiteyi-C++库

JavaScript使用3种对话框： 警觉的 , 促使和证实 .这些对话框对使我们的网站看起来更有吸引力非常有帮助。

null

警报框：

网站中使用了一个警告框，向用户显示一条警告消息，说明他们输入了错误的值，而不是需要填写的值。尽管如此，警报框仍然可以用来发送更友好的消息。警报框只提供一个按钮“确定”来选择并继续。

例子：

JavaScript

                           <!DOCTYPE html>                         
                           <html>                         
                                                     <head>                         
                                      
                                                     <script</div>t type=                                        "text/javascript"                                        >                         
                                                     <!--                         
                                                     function                                        Warning() {                         
                                                     alert (                                        "Warning danger you have not filled everything"                                        );                         
                                                     document.write (                                        "Warning danger you have not filled everything"                                        );                         
                                                     }                         
                                                     </script>                         
                                      
                                                     </head>                         
                                                     <body>                         
                                      
                           <p>Click me </p>                         
            
                                      
                                                     <form>                         
                                                     <input type=                                        "button"                                        value=                                        "Click Me"                                        onclick=                                        "Warning();"                                        />                         
                                                     </form>                         
                                      
                                                     </body>                         
                           </html>                         

输出：

确认框：

如果希望用户验证或接受某个内容，通常会使用确认框。当弹出确认框时，用户必须单击“确定”或“取消”才能继续。如果用户单击OK按钮，窗口方法confirm（）将返回true。如果用户单击“取消”按钮，则confirm（）返回false并显示null。

例子：

JavaScript

                           <!DOCTYPE html>                         
                           <html>                         
                                                     <head>                         
                                      
                                                     <script type=                                        "text/javascript"                                        >                         
            
                                                     function                                        Confirmation(){                         
                                                     var                                        Val = confirm(                                        "Do you want to continue ?"                                        );                         
                                                     if                                        ( Val ==                                        true                                        ){                         
                                                     document.write (                                        " CONTINUED!"                                        );                         
                                                     return                                        true                                        ;                         
                                                     }                         
                                                     else                                        {                         
                                                     document.write (                                        "NOT CONTINUED!"                                        );                         
                                                     return                                        false                                        ;                         
                                                     }                         
                                                     }                         
            
                                                     </script>                         
                                      
                                                     </head>                         
                                                     <body>                         
                                      
                           <p>Click me: </p>                         
            
                                      
                                                     <form>                         
                                                     <input type=                                        "button"                                        value=                                        "Click Me"                                        onclick=                                        "Confirmation();"                                        />                         
                                                     </form>                         
                                      
                                                     </body>                         
                           </html>                         

输出：

提示框：

如果希望用户在进入页面之前输入值，通常会使用提示框。当弹出提示框时，用户必须在输入值后单击“确定”或“取消”继续。如果用户单击“确定”按钮，窗口方法提示符（）将从文本框中返回输入的值。如果用户单击“取消”按钮，窗口方法prompt（）将返回null。

例子：

JavaScript

                           <!DOCTYPE html>                         
                           <html>                         
                                                     <head>                         
                                      
                                                     <script type=                                        "text/javascript"                                        >                         
                                      
                                                     function                                        Value(){                         
                                                     var                                        Val = prompt(                                        "Enter your name : "                                        ,                                        "name"                                        );                         
                                                     document.write(                                        "You entered : "                                        + Val);                         
                                                     }                         
                                      
                                                     </script>                         
                                      
                                                     </head>                         
                                      
                                                     <body>                         
                                      
                           <p>Click me: </p>                         
            
                                      
                                                     <form>                         
                                                     <input type=                                        "button"                                        value=                                        "Click Me"                                        onclick=                                        "Value();"                                        />                         
                                                     </form>                         
                                      
                                                     </body>                         
                           </html>                         

输出：

线路断路器：

例子：

JavaScript

                           <!DOCTYPE html>                         
                           <html>                         
                           <body>                         
            
                           <p>Line-Breaks</p>                         
            
                           <button onclick=                                        "alert('GEEKSFORGEEKS')"                                        >CLICK ME</button>                         
            
                           </body>                         
                           </html>

输出：

文章版权归作者所有，未经允许请勿转载。

THE END