js的三种弹框方式

最新推荐文章于 2024-06-20 09:54:27 发布

yy_2011

最新推荐文章于 2024-06-20 09:54:27 发布

阅读量1.8w

点赞数

分类专栏： js 转载文章标签： function input html null

本文链接：https://blog.csdn.net/yy_2011/article/details/6739174

版权

js 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

转载

4 篇文章 0 订阅

订阅专栏

 1.警告框  

   

 <html>  

<head>  

 <script type="text/javascript"> 

 function disp_alert()  

{  

 alert("我是警告框！！") 

 }  

 </script>  

</head>  

 <body>  

   

<input type="button"οnclick="disp_alert()"value="显示警告框"/>  

   

</body>  

 </html>  

 2.确定取消框  

    

<html>  

 <head>  

 <script type="text/javascript"> 

 function disp_confirm()  

 {  

 var r=confirm("按下按钮") 

 if (r==true)  

     {  

     document.write("您按了确认！") 

    }  

 else 

    {  

     document.write("您按了取消！") 

     }  

}  

 </script>  

</head>  

 <body>  

    

 <input type="button"οnclick="disp_confirm()"value="显示确认框"/>  

  

</body>  

 </html>  

   

3.有输入的框  

    

 <html>  

 <head>  

 <script type="text/javascript"> 

 function disp_prompt()  

 {  

var name=prompt("请输入您的名字","Bill Gates") 

 if (name!=null && name!="") 

    {  

     document.write("你好！"+ name + " 今天过得怎么样？") 

     }  

 }  

 </script>  

 </head>  

 <body>  

  

 <input type="button"οnclick="disp_prompt()"value="显示提示框"/>  
    

 </body>  

 </html>