为超链接添加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、效果演示
如果觉得《如何用JS点击超链接弹出对话框 – CSS – 前端 tr css》对你有帮助,请点赞、收藏,并留下你的观点哦!