您现在的位置是 : 首页  >  行业聚焦  > 正文

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

注意事项

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

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

推荐