一、背景说明
我一直觉得写程序、写算法、会编程这些我们程序员赖以生存的技能，应该更多的为我们自己服务，而不仅仅成为我们被企业压榨的工具。简而言之，我们的编程技能不要仅仅为了找工作、面试、干领导布置下来的任务，而应该让这种技能更多的为我们自己服务。
下面我要分享一个我自己的经历，代码很短，但确实是为我自己提供了便利。
我们公司所在的园区提供一站式班车服务，每天我们通过微信公众号的抢票页面，在规定的时间内抢票，然后持电子票乘车上下班。这个票刚开始还比较好抢，随着园区人越来越多，票也越来越难抢，一个不留神儿，票就被抢完了，而比较糟糕的是中午抢票时间是12:30，正是我要午休的时间，没办法，我只能牺牲自己午休的时间，生怕抢不到票。
于是，我琢磨能不能写一个自动抢票的脚本。。。。。。
二、JS脚本
1、在电脑谷歌浏览器中打开抢票页面

我要抢的是3号车的第一班，思路就是获取这个“抢票”按钮，并自动点击。
2、JS脚本如下：
var buttons = document.getElementsByTagName("button");
//每秒执行一次，若页面按钮全部展现出来，即可获取第5个按钮，并点击
setInterval(function() {
	if(buttons.length == 10){
		var button = buttons[4];
		button.click();
	}
},1000);
通过document.getElementsByTagName("button")获取页面上所有button（非抢票时间，没有“抢票”按钮），到了抢票时间，所有按钮出现，页面一共可以获取10个button按钮，第5个按钮，是我需要点击的按钮，因此获取第5个按钮，并点击。
3、脚本如何使用
F12打开谷歌浏览器的开发者模式，选择console标签页，并将脚本粘贴进去，点击回车按钮。

博主写文章时，该班次的车票已经抢完了，因此弹窗显示“本班次的车票已经抢完了”

jq加载时自动执行事件需要这样写

$(function(){
   $('.signinpanel').hide();//加载时,隐藏一个元素
})


 

jq加载页面时自动点击按钮,则

<i id="spBalance">按钮</i>

<script language="javascript" type="text/javascript">
	function xieyi(){
$("#spBalance").trigger("click");
}
$(document).ready(function(){
       
     window.onload=xieyi;
    });
</script>





另外,如果是点击完一个弹出按钮后,自动点击另一个按钮.可以这样实现





以下案例效果为 点击确定后,自动会在输入框中填写"我准备好了!",然后,再自动点击提交按钮



if(r[11]=='2'){
	//如果第四人报名成功,则弹窗
	if (confirm("牌友凑齐,您准备好开始打牌了吗?\n 准备好了,请点击确定\n ")){
	  cttx=document.getElementById('ln');
	cttx.value='我准备好了!';
//$('.blab_send_button').click(); 
document.getElementById('blab_send_button').click();
 }
 else{}
	
	
}





中红外QCL激光器 中红外QCL激光器

jsp提交表单给服务器，当服务器处理完毕，我们通常在servlet中通过forward（转发）或sendRedirect（重定向）方法返回之前的jsp页面，但是，如果提交表单时的jsp页面并不是这个jsp页面一开始打开的样子，比如图一是teacher.jsp加载后的界面，图二是teacher.jsp提交表单时的界面：





如果想让服务器返回teacher.jsp页面的图二状态，可以在提交表单时给servlet传一个状态值，我这里是“div2”，然后利用request.getSession(true).setAttribute方法保存在session中，在teacher.jsp页面加载时根据状态值判断要自动点击“教师评分”按钮，js代码如下：（其实代码才是重点，嘿嘿）
$(function(){	//页面加载时执行
	if(document.getElementById("judgeDiv").innerHTML == "div2"){  //根据状态值判断点击哪个按钮
		setTimeout(function() {
			// IE
			if(document.all) {
				document.getElementById("btn2").click();  //自动点击“教师评分”按钮
			}
			// 其它浏览器
			else {
				var e = document.createEvent("MouseEvents");
				e.initEvent("click", true, true);
				document.getElementById("btn2").dispatchEvent(e);
			}
		});
}

问题



<button class="layui-btn layui-btn-primary" onclick="findData()">查询</button>

点击页面上的按钮，执行完button的click事件后，会自动的重新刷新一下当前的页面。



原因

button,input type=button按钮在IE和w3c，firefox浏览器区别： 

当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。 
但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。
解决方案

将button标签更换为input



<input class="layui-btn layui-btn-primary" value="查询" onclick="findData()"></input>

为button按钮增加一个type=”button”属性

<button type="button" class="layui-btn layui-btn-primary" onclick="findData()">查询</button>