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

 

转载于:https://www.cnblogs.com/freeweb/p/4797872.html