JavaScript 学习--对话框的多级实现

最新推荐文章于 2024-09-21 11:34:18 发布

旦旦小老虎

最新推荐文章于 2024-09-21 11:34:18 发布

阅读量469

点赞数

分类专栏： JavaScript 文章标签： javascript button function input html border

本文链接：https://blog.csdn.net/hongbo0521/article/details/1764466

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Untitled Document</title>
</head>
<body>
  <script type=text/javascript language=JavaScript>

   function alert1()
   {
    alert('你激活了第一种');
   }

   function alert2()
   {
    if(confirm("你确定要去洪波小老虎的博客啊?"))
    {
     location.href=" http://blog.csdn.net/hongbo0521/";
    }
    else
    {
     alert("你不去那真是很可惜返回的是false");
    }
   }


   function alert3()
   {
    var name=prompt("请输入你的名字");

    if(name)
    {
     alert('欢迎你'+name);
    }
   }
  </script>

  <div align=center>
   <p>
    <b>
     对话框分为3种,1种是仅仅为警示功能,第2种是客户选择,第三种是客户可以输入的
    </b>
   </p>
  </div>
  <table border=0 cellpadding=0 cellspacing=0 width=100%>
   <tr align=center>
    <td width=33%>
     <input type=button id="btn1" value='第一种' οnclick="alert1();">
    </td>
    <td width=34%>
     <input type=button id="btn2" value='第二种' οnclick="alert2();">
    </td>
    <td width=33%>
     <input type=button id="btn3" value='第三种' οnclick="alert3();">
    </td>
   </tr>
  </table>
</body>
</html>