a標籤繫結點選事件
阿新 • • 發佈:2018-12-27
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)" onclick="aClick()">百度</a> </body> </html>