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()方法,可以把事件封装到函数中灵活使用,另外提交表单还有一些其他的方法,以上是比较常用的一般方法

 

posted @ 2015-09-10 14:57  小得盈满  阅读(65523)  评论(0编辑  收藏  举报