JavaScript 简单对话框的使用（提交，确认，输入对话框）

最新推荐文章于 2024-11-16 12:50:58 发布

vancekq

最新推荐文章于 2024-11-16 12:50:58 发布

阅读量4.1k

点赞数

分类专栏： JavaScript学习文章标签： javascript function input xhtml html

JavaScript学习专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>显示对话框</title>
</head>
<body>
<script type="text/javascript" language="javascript">
    
    function info()
    {
        alert("基本对话框");
    }

    
    function choose()
    {
       if(confirm("请按'确认'或'取消'进行选择"))
       {
           alert("您按下了'确认'按钮");
       }
       else
       {
           alert("您按下了'取消'按钮");
       }
    }

    
    function inputDialog()
    {
       var msg=prompt("请输入内容","");
       if(msg)
       {
          alert("您输入的内容为："+msg);
       }
    }
</script>
<p>基本对话框
<input type="submit" value="提交" οnclick="info()" />
</p>
<p>选择对话框
    <input type="submit" value="选择" οnclick="choose()"/>
</p>
<p>输入对话框：
     <input type="submit" value="输入" οnclick="inputDialog()"/>
</p>
</body>
</html>