js各种框的总结

来源:互联网 发布:企业画像 大数据 编辑:程序博客网 时间:2024/06/08 19:55

简单的三个框


警告框

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框!!")
}
</script>
</head>
<body>

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

</body>
</html>


确认框


<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" onclick="show_confirm()" value="Show a confirm box" />


</body>
</html>


提示框

<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" onclick="disp_prompt()" value="显示提示框" />


</body>
</html>

0 0
原创粉丝点击