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

最新推荐文章于 2021-06-04 08:39:36 发布

frankingly

最新推荐文章于 2021-06-04 08:39:36 发布

阅读量1.3k

点赞数

分类专栏： JS 文章标签： html 链接

本文链接：https://blog.csdn.net/frankingly/article/details/17061411

版权

JS 专栏收录该内容

3 篇文章 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:;" οnclick="alert('aa')" id="link">link</a>
		<br/>
		<input type="button" οnclick="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:;" οnclick="alert('aa')" id="link">link</a>
		<br/>
		<input type="button" οnclick="change()" value="button"/>
	</body>
</html>

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