关闭

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

标签: html链接
377人阅读 评论(0) 收藏 举报
分类:

需求:点击按钮之后改变链接(<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>

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9509次
    • 积分:243
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:6篇
    • 译文:1篇
    • 评论:1条
    最新评论