JavaScript 消息框

Myth丶恋晨 2022-01-13 23:53 256阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

[警告框][Link 1]

<html>
    <head>
    <script type="text/javascript">
    function disp_alert()
    {
    alert("我是警告框！！")
    }
    </script>
    </head>
    <body>
    
    <input type="button" onclick="disp_alert()" value="显示警告框" />
    
    </body>
    </html>

[带有折行的警告框][Link 1]

<html>
    <head>
    <script type="text/javascript">
    function disp_alert()
    {
    alert("再次向您问好！在这里，我们向您演示" + '\n' + "如何向警告框添加折行。")
    }
    </script>
    </head>
    <body>
    
    <input type="button" onclick="disp_alert()" value="显示警告框" />
    
    </body>
    </html>

[确认框][Link 1]

<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>

[提示框][Link 1]

<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>

转载于:https://my.oschina.net/u/2552902/blog/543853

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/1a4efd1306cd40058d67331f0dfa9718.png
[Link 1]: http://blog.csdn.net/kuangfengbuyi/article/details/7839682