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>