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才行!

一个样例:

<html>

<head>

<SCRIPT LANGUAGE="JAVASCRIPT">

function button1onclick(){

confirm("哈哈")

}

function button2onclick(){

alert("哈哈")

}

function button3onclick(){

var name=prompt("您好,您的名字是:")

document.write(name)

}

</SCRIPT>

</head>

<form>

<input type="button" value="confirm方式" onclick="button1onclick()">

<input type="button" value="alert方式" onclick="button2onclick()">

<input type="button" value="prompt方式" onclick="button3onclick()">

</form>

</html>

confirm方式用于d出一个带有“确定”以及“取消”的对话框,会返回一个布尔值,如用户按了“确定”返回TRUE,否则返回FALSE。也可以忽略函数值,单独使用,做提醒的作用。

alert方式用于d出一个警告的对话框。

prompt方式用于d出一个带有一文本输入框的窗口,并带有“确定”与“取消”这两个按钮,如果用户按下了“确定”则返回用户在文本输入框

输入的文字,否则返回“null”。例子中的“prompt方式”按钮会d出一个询问名字的对话框,并把你输入的文字显示在页面上。

如果还有不懂的就自己查一下JAVASCRIPT的知识吧。级别太低,发不了效果图(杯具啊)

<input TYPE="button" VALUE="d出警告框" ONCLICK="AlertButton()">

<script language="JavaScript">

<!--

function AlertButton(){

window.setTimeout("window.alert('今天你喝了没有?:)')",2000)

}

// -->

</script>

或者

<input TYPE="button" VALUE="d出警告框" ONCLICK="window.setTimeout('AlertButton()',2000)">

<script language="JavaScript">

<!--

function AlertButton(){

window.alert("今天你喝了没有?:)")

}

// -->

</script>


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

原文地址: https://outofmemory.cn/zaji/6285615.html

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

发表评论

登录后才能评论

评论列表(0条)

保存