怎么用js点击按钮弹出提示框

JavaScript04

怎么用js点击按钮弹出提示框,第1张

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

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

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

function fun() {

alert('click success!')

}

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

为超链接添加onclick()动作,动作内容为弹出对话框。javascript提供了3种类型的对话框:

alert() : 提醒

confirm():确认,返回 true 或者 false

prompt():带输入的对话框

下面进行实例演示:

1、HTML结构

   <a href="#" onclick="fun1()">你有一个礼物</a><a href="#" onclick="fun2()">我要接收礼物</a><a href="#" onclick="fun3()">必须先对暗号</a>   

2、javascript代码

   function fun1(){    alert("你得到一个礼物!!")}function fun2(){    if(confirm("确定接收礼物?"))        alert("对一下暗号先...")}function fun3(){    var code = prompt("请对暗号:")    if(code)        alert("给你礼物!!")    else        alert("蒙人呢!")}