JavaScript或jQuery模拟点击超链接和按钮
有时候我们需要页面自动点击超链接或者按钮,可以用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()方法,可以把事件封装到函数中灵活使用,另外提交表单还有一些其他的方法,以上是比较常用的一般方法