html三种提示框

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 15:44   94   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 show_confirm() 
{ 
var r=confirm("Press a button!"); 
if (r==true) 
  { 
  alert("You pressed OK!"); 
   } 
 else 
   { 
   alert("You pressed Cancel!"); 
   } 
 } 
 </script> 
 </head> 
 <body> 
<input type="button" οnclick="show_confirm()" value="Show a confirm box" /> 
 </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> 
 


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP