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

需求:点击按钮之后改变链接(<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 链接
个人分类: JS
上一篇html链接(&lt;a&gt;)中href属性和onclick事件执行先后顺序
下一篇Aptana 插件离线安装方式
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭