如何用JS点击超链接弹出对话框 – CSS – 前端 css矩形框中文本的位置设置

为超链接添加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(“蒙人呢！”);}

3、效果演示