a标签绑定点击事件

最新推荐文章于 2024-05-27 08:30:00 发布

ruiy

最新推荐文章于 2024-05-27 08:30:00 发布

阅读量7.1w

点赞数 5

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/b2997215859/article/details/50965853

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

a标签既可以跳转，也可以绑定点击事件，可以将href设为javascript:void(0)

其中javascript表示伪协议，void(0)表示不执行动作，实际上就是不跳转的意思

然后给a像普通标签一样绑定事件监听函数即可

测试代码如下:testLoad.html

(顺便测试了一下jquery里面的load函数)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>testLoad</title>
	<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$("#sub").click(function(){
			$("p").load("test.txt",aClick());
		});
	})
	function aClick () {
		 window.location = "http://www.baidu.com";
	}
	</script>
</head>
<body>
	<h2>点击按钮load</h2>
	<p>this is paragraph to load</p>
	<input type="button" name="sub" value="load" id="sub"></input><br>
	<a href="javascript:void(0)" οnclick="aClick()">百度</a>
</body>
</html>

ruiy

关注

5
点赞
踩
16

收藏

觉得还不错? 一键收藏
4
评论
a标签绑定点击事件

a标签既可以跳转，也可以绑定点击事件，可以将href设为javascript:void(0)其中javascript表示伪协议，void(0)表示不执行动作，实际上就是不跳转的意思然后给a像普通标签一样绑定事件监听函数即可测试代码如下:testLoad.html(顺便测试了一下jquery里面的load函数) testLoad $(function(){
复制链接

扫一扫