有时候我们仅仅希望将链接<a>作为一个按钮使用,但是在默认状态下,点击链接会出现跳转效果,下面就通过代码实例,介绍一下如何实现此效果
复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="//www.jb51.net/" /> <title>脚本之家</title> <script type="text/javascript"> window.onload=function() { var olink=document.getElementById("link"); olink.onclick=function() { if(confirm("是否删除?")){alert("文件被删除");} return false; } } </script> </head> <body> <a href="#" id="link">是否删除</a> </body> </html>
以上代码实现了我们的要求,链接只会当做一个普通按钮使用,这里主要是在链接的点击事件中使用return false语句,它可以取消链接的默认动作 |