html 怎么点击一个按钮d出一个提示框

html 怎么点击一个按钮d出一个提示框,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<body>标签中,输入js代码:

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面,此时点击按钮d出了提示框。

可以利用javascript脚本语言实现,示例如下:

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

<html>

<head></head>

<body></body>

</html>

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

<script type="text/javascript">

</script>

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

function duihua()

{

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

}

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

function queren()

{

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

if (se==true)

{

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

}

else

{

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

}

}

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

function tishi()

{

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

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

{

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

}

}

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

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

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

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

7、保存该文件,用ie浏览器打开的,点击对应按钮,即可d出相应对话框。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11839565.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存