有時候我們需要頁面自動點擊超鏈接或者按鈕,可以用js或者jQuery利用程序去點擊,方法很簡單,按鈕或超鏈接代碼如下:
1 <a href="url" target="_blank" onclick="closewin();" id="alink">點擊超鏈接</a> 2 <button id="btn" onclick="test()">點擊按鈕</button>
上面是一個超鏈接和一個按鈕,並且超鏈接和按鈕都綁定了點擊事件
先看超鏈接,如果我們打算點擊超鏈接的同時不僅觸發事件而且跳轉到href的指定鏈接,可以用:
<script> document.getElementById("alink").click(); </script>
這樣就可以實現上面的功能,但是如果我只想觸發事件而不想跳轉呢,方法有兩個,第一個是href寫上href="javascript:;"
另外的方法是引入jQuery,然后用jQuery點擊事件觸發
<script> $("#alink").click(); </script>
這樣就不會跳轉了
如果是按鈕的話,直接用以下代碼:
1 <script> 2 //真正的用程序點擊按鈕 3 document.getElementById("btn").click(); 4 //沒有點擊按鈕,只是執行了按鈕所綁定的事件 5 document.getElementById("btn").onclick(); 6 </script>
注釋已經注明區別了,雖然原理不一樣,但是這里對用戶來說效果是一樣的
既然js能完成這些功能那么補充一下也可以進行表單的提交,過程和模擬點擊類似,只是方法不同
表單的按鈕如果是button就和模擬點擊一樣,綁定一個事件,如果按鈕是type="submit",那么給form一個id如:id="form1"那么表單提交可以用下面的方式進行:
1 <script> 2 //js提交表單 3 document.getElementById("form1").submit(); 4 //jQuery提交表單 5 $("#form1").submit(); 6 </script>
代碼很簡單,就是用了js中的submit()方法,可以把事件封裝到函數中靈活使用,另外提交表單還有一些其他的方法,以上是比較常用的一般方法