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

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

操作方法

  • 01

    打开文本编辑器或记事本程序,输入<html><body>以及<head>标签。 <html> <head></head> <body></body> </html>

  • 02

    在<head>头标签后输入<script>标签 <script type="text/javascript"> </script>

  • 03

    在<script>标签中定义一个函数duihua()来使网页弹出对话框。 function duihua() { alert("这个窗口是对话框!") }

  • 04

    然后,再定义一个函数命名为queren(),用来弹出确认框。 function queren() { var se=confirm("请选择点击一个按钮!"); if (se==true) { alert("你按下的是【确认】"); } else { alert("你按下的是【取消】"); } }

  • 05

    继续定义另一个函数tishi(),用来在网页中弹出提示框。 function tishi() { var t=prompt("请输入您的名字","KING视界") if (t!=null && t!="") { document.write("精彩MV就在," + t + "!属于你的世界") } }

  • 06

    函数定义好以后,点击<body>标签后,建立3个按钮分别用来调用这3个函数执行。 <input type="button" onclick="duihua()" value="点击显示对话框" /> <input type="button" onclick="queren()" value="点击显示确认框" /> <input type="button" onclick="tishi()" value="点击显示提示框" />

  • 07

    为了让按钮在一列显示,分别在<input>标签后加上<br><br>换行符。最后保存代码内容为html格式,打开网页预览效果。

(0)

相关推荐

  • 【干货贴】关于提示框的那些事儿

    在日常工作中我们经常会看到各种类型的提示框,在官方的规范里,它们都有各自的叫法以及用法,什么场景下用什么样的提示框,也早已有了定义.只是有些提示框类型极其相似,难免有人会在工作中将其归错类别.长此以往 ...

  • Android设计规范Material Design-Components(5提示框)

    9月8日,今天中秋节,祝大家中秋节快乐~~今天又会迎来返潮高峰~~言归正传~~提示框,对于UI设计,来说应该是必须的,基本每个APP都有提示框,它要对用户进行一定的引导,就必然会用到提示框,所以 本文 ...

  • 找回Win8系统中的删除文件确认提示框

    为了避免这种情况的发生, 重新启动回收站中的删除文件对话框,并选择“属性”,检查并标志“显示删除确认对话框”的复选框 即可。这个简单的办法,将帮助你得到确认是否确认删除特定文件的提示。

  • Win8系统中的删除文件确认提示框怎么找回

    微软为了更加人性化地使用Windows,因此用户在删除文件时默认不开启提示对话框,当清空回收站时才有。不会出现“是否确认要删除特定文件”的提示。很多人抱怨这个设计不理想,因为我们很有可能会误删掉一些重 ...

  • 怎么找回Win8系统中的删除文件确认提示框?

    为了避免这种情况的发生, 重新启动回收站中的删除文件对话框,并选择"属性",检查并标志"显示删除确认对话框"的复选框 即可.这个简单的办法,将帮助你得到确认是否 ...

  • 设置Win8是否显示删除确认对话框

    在Windows 8系统中删除文件或文件夹时,我们会发现系统并未给出之前熟悉的对话框询问是否确认删除,这是因为Win8系统缺省设置为不显示“确定要将该文件移至回收站吗?”和“确定合并同名文件夹吗?”等 ...

  • BarTender 2016怎么显示查询提示框?

    很多用户在BarTender 2016连接数据库后,希望能在打印的时候显示一个查询提示框,方便查询打印数据库中的某些数据.本文,小编就教教大家如何在BarTender 2016设置下图所示的查询提示. ...

  • 用JS+CSS实现鼠标悬停显示提示框

    我们在浏览网页时,经常会看到有一些提示信息是在鼠标放上去后,才显示出来的.这个功能如何做的?下面我们来看下. 操作方法 01 首先,我们写上对应的HTML,一个显示标题,和标题的提示信息. 02 页面 ...

  • 让winXP不再显示因程序错误而弹出的错误报告提示框

    我们在Windows XP操作系统的使用过程中,经常会因为程序的错误而弹出一个错误报告的提示框,询问你是否发送错误信息到微软公司。不发送吧它总是频频提示错误信息很是麻烦,发送吧又怕会泄漏个人的计算机隐 ...