浏览器后退->清除原页面div中填写的数据

　　需求说明：页面表单用前端用div布局，提交之后跳转到另一个页面，但是考虑到客户奇怪的脑回路，可能会点击浏览器的后退按钮，不知道是个体情况还是都是一样，原本div中填写的数据还依然存在，所以需要让页面在后退后div显示为空.

　　解决过程：找了两个前端的，说没碰到过这种情况，无奈只能自己解决.我定义了一个方法，在点击提交之后，会立即清除div中的数据，但是这样，用jQuery提交的数据也变成了空.后来我采用setTimeout延时清除div中的数据.此方法为拍脑门想出来的，会受网速等其他因素影响，不好用.

　　案例代码：　　

 1 //提交动作
 2 $('#submit').on('click', function(){
 3     $("#submitForm")[0].click();
 4     setTimeout(clear(), "150");//延时50毫秒执行
 5 }
 6 
 7 //提交之后数据置为空
 8 function clear(){
 9     $('#num1').val(0);
10     $('#num2').val(0);
11     $('#num3').val(0);
12     $('#num4').val(0);
13     $('#num5').val(0);
14     $('#num6').val(0);
15 }

 　　解决方法：找到的一个属性 autocomplete="off".

 

//将他放在
<input type="text" autocomplete="off" />

//或是直接放在 form

<form autocomplete="off" >

　　结果：欧克！