您的位置：首页 > Web前端 > HTML

改变链接(<a>)中的onclick事件

2013-12-01 22:41 218 查看

需求：点击按钮之后改变链接(<a>)中的onclick事件

方法一：纯js实现

<html>
<head>
<script>
function change(){
var a = document.getElementById("link");
a.onclick = function(){};
a.onclick = method1;
}

function method1(){
alert('bb');
}
</script>
</head>
<body>
<a href="javascript:;" onclick="alert('aa')" id="link">link</a>
<br/>
<input type="button" onclick="change()" value="button"/>
</body>
</html>方法二：jquery1.4.4实现
<html>
<head>
<script src="jquery-1.4.4.js"></script>
<script>
function change(){
var a = $("#link");
a.attr("onclick","");
a.bind("click",method1);
}

function method1(){
alert('bb');
}
</script>
</head>
<body>
<a href="javascript:;" onclick="alert('aa')" id="link">link</a>
<br/>
<input type="button" onclick="change()" value="button"/>
</body>
</html>

如上只是两种简单的实现。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 链接

相关文章推荐

新的分享

章节导航