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

2025-11-06 14:31:36

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

<html>

<head></head>

<body></body>

</html>

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

2、在<head>头标签后输入<script>标签

<script type="text/javascript">

</script>

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

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

function duihua()

{

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

}

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

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

function queren()

{

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

if (se==true)

  {

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

  }

else

  {

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

  }

}

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

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

function tishi()

  {

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

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

    {

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

    }

  }

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

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

<input type="button" onclick="duihua()" value="点击显示对话框" />

<input type="button" onclick="queren()" value="点击显示确认框" />

<input type="button" onclick="tishi()" value="点击显示提示框" />

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

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

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

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

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

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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢