学无止境

Life-long learning
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

js 显示三种简单的对话框

Posted on 2008-07-19 22:43  anytime8  阅读(481)  评论(1编辑  收藏  举报
<HTML>
<HEAD>
<TITLE> JavaScript </TITLE>
</HEAD>
<BODY>
  <script language="JavaScript">
  <!-- 信息对话框  -->
  function info()
  {
      alert("基本对话框");
  }
  <!-- 确认对话框 -->
  function choose(){
     //使用确认对话框返回选择结果(true 或者 false)
      if(confirm("请按'确认'或'取消'进行选择"))
      {
          alert("您按下了'确认'按钮");
      }
      else
      {
          alert("您按下了'取消'按钮");
      }
  }
  <!-- 输入对话框 -->
  function inputDialog(){
      var msg=prompt("请输入内容","");
      //如果有返回内容则提示输入信息
      if(msg)
      {
          alert("您输入的内容为:"+ msg)
      }
  }
  </script>
      <p>显示三种对话框
      </p>
      <p>1:用于显示信息。
      </p>
      <p>2:用于确认操作,只有“是”或“否”两种选择。
      </p>
      <p>3:用于与用户交互,显示一个带输入项的对话框,用户在输入内容并点击“确定”后可以将信息返回给程序。
      </p>
      <p>
        <hr>
        <p>
          <p>A.基本对话框
          </p>
          <p>
            <input type="submit" value="提交" onclick="info()">
          </p>
          <p>B.确认对话框
          </p>
          <p>
            <input type="submit" value="提交" onclick="choose()">
          </p>
          <p>C.输入对话框
          </p>
          <p>
            <input type="submit" value="提交" onclick="inputDialog()">
          </p>
</BODY>
</HTML>