手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现点击链接取消跳转效果的方法
JS实现点击链接取消跳转效果的方法
摘要:复制代码代码如下:查字典教程网window.onload=function(){varolink=document.getElementBy...

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://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语句,它可以取消链接的默认动作

【JS实现点击链接取消跳转效果的方法】相关文章:

JavaScript实现鼠标滑过处生成气泡的方法

js实现两点之间画线的方法

js+cookies实现悬浮购物车的方法

js+html5实现canvas绘制圆形图案的方法

js实现文本框选中的方法

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

JS实现屏蔽shift,Ctrl,alt等功能键的方法

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

JQuery+CSS实现图片上放置按钮的方法

jQuery实现延迟跳转的方法

精品推荐
分类导航