a标签超链接绑定点击事件发送请求

最新推荐文章于 2022-08-13 17:10:09 发布

转载最新推荐文章于 2022-08-13 17:10:09 发布 · 5.6k 阅读

12 篇文章

订阅专栏

本文介绍了如何利用jQuery简化页面元素的加载操作。通过两个实例展示了如何为页面元素绑定点击事件，触发页面跳转及内容加载。第一种方法直接通过ID选择器绑定点击事件并进行页面跳转；第二种方法则通过按钮点击加载外部文件内容到指定元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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(){
$("#user").click(url(){
window.location.href = "http://www.baidu.com";
});
})
</script>
</head>
<body>
<a href="#" id="user" onclick="url()">百度</a>
</body>
</html>

<!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)" onclick="aClick()">百度</a>
</body>
</html>