首页 > 软件开发 > HTML >

html网页怎么显示对话框、确认框、提示框

来源:互联网 2023-03-16 19:19:40 341

上一篇经验中,我讲解了怎么在html网页中获得点击的坐标值及相对屏幕的坐标值。在这篇经验里,我来讲下怎么让网页显示对话框、确认框以及提示框。ata办公区 - 实用经验教程分享!

工具/原料

  • 网页设计

方法/步骤

  • 1

    打开文本编辑器或记事本程序,输入html>body>以及head>标签。ata办公区 - 实用经验教程分享!

    html>ata办公区 - 实用经验教程分享!

    head>/head>ata办公区 - 实用经验教程分享!

    body>/body>ata办公区 - 实用经验教程分享!

    /html>ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

  • 1该信息非法爬取自百度经验
  • 2

    在head>头标签后输入script>标签ata办公区 - 实用经验教程分享!

    script type="text/javascript">ata办公区 - 实用经验教程分享!

    /script>ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

  • 3

    在script>标签中定义一个函数duihua()来使网粒著怕页弹出对话框。ata办公区 - 实用经验教程分享!

    function duihua()ata办公区 - 实用经验教程分享!

    {ata办公区 - 实用经验教程分享!

    alert("这个窗口是对话框!")ata办公区 - 实用经验教程分享!

    }ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

  • 4

    然后,再定义一个函数命名为queren(),用来弹出确认框。ata办公区 - 实用经验教程分享!

    function queren()ata办公区 - 实用经验教程分享!

    {ata办公区 - 实用经验教程分享!

    var se=confirm("请选择点击一个按钮!");ata办公区 - 实用经验教程分享!

    if (se==true)ata办公区 - 实用经验教程分享!

    {ata办公区 - 实用经验教程分享!

    alert("你按下的是盆关【确认】");ata办公区 - 实用经验教程分享!

    }ata办公区 - 实用经验教程分享!

    elseata办公区 - 实用经验教程分享!

    {ata办公区 - 实用经验教程分享!

    alert("你按下的是【取消】");ata办公区 - 实用经验教程分享!

    }ata办公区 - 实用经验教程分享!

    }ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

  • 5

    继续定义另一个函数tishi(),用来在网页中弹出提示框。ata办公区 - 实用经验教程分享!

    function tishi()ata办公区 - 实用经验教程分享!

    {ata办公区 - 实用经验教程分享!

    var t=prompt("请输入您的名字","KING视界")ata办公区 - 实用经验教程分享!

    if (t!=null && t!="")ata办公区 - 实用经验教程分享!

    {ata办公区 - 实用经验教程分享!

    document.write("精彩MV就在," t "!属于你的世界")ata办公区 - 实用经验教程分享!

    }ata办公区 - 实用经验教程分享!

    }ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

  • 6

    函数定义好以后,点击罪言body>标签后,建立3个按钮分别用来调用这3个函数执行。ata办公区 - 实用经验教程分享!

    input type="button" onclick="duihua()" value="点击显示对话框" />ata办公区 - 实用经验教程分享!

    input type="button" onclick="queren()" value="点击显示确认框" />ata办公区 - 实用经验教程分享!

    input type="button" onclick="tishi()" value="点击显示提示框" />ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

  • 7

    为了让按钮在一列显示,分别在input>标签后加上br>br>换行符。最后保存代码内容为html格式,打开网页预览效果。ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

    html网页怎么显示对话框、确认框、提示框ata办公区 - 实用经验教程分享!

  • 注意事项

    • 如果您喜欢小编的文章,请点击右下角的分享按钮,分享给更多的朋友。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ata办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码