当前位置: 首页 >行业聚焦 >

html网页怎么显示对话框、确认框、提示框 环球观察

来源:上海商报 2023-02-10 08:27:55

上一篇经验中,我讲解了怎么在html网页中获得点击的坐标值及相对屏幕的坐标值。在这篇经验里,我来讲下怎么让网页显示对话框、确认框以及提示框。


(资料图片)

工具/原料

  • 网页设计

方法/步骤

  1. 1

    打开文本编辑器或记事本程序,输入以及标签。

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

    在头标签后输入<script>标签

    <script type="text/javascript">

    </script>

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

    在<script>标签中定义一个函数duihua()来使网页弹出对话框。

    function duihua()

    {

    alert("这个窗口是对话框!")

    }

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

    然后,再定义一个函数命名为queren(),用来弹出确认框。

    function queren()

    {

    var se=confirm("请选择点击一个按钮!");

    if (se==true)

    {

    alert("你按下的是【确认】");

    }

    else

    {

    alert("你按下的是【取消】");

    }

    }

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

    继续定义另一个函数tishi(),用来在网页中弹出提示框。

    function tishi()

    {

    var t=prompt("请输入您的名字","KING视界")

    if (t!=null && t!="")

    {

    document.write("精彩MV就在," + t + "!属于你的世界")

    }

    }

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

    函数定义好以后,点击标签后,建立3个按钮分别用来调用这3个函数执行。

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

    为了让按钮在一列显示,分别在标签后加上

    换行符。最后保存代码内容为html格式,打开网页预览效果。

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

注意事项

  • 如果您喜欢小编的文章,请点击右下角的分享按钮,分享给更多的朋友。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。展开阅读全部
相关阅读
大家还在看
热词