2012-10-17 来源:网络
【实例名称】
JS代码实现防止按钮连击
【实例描述】
当页面提交的数据特别多时,页面会反应比较迟钝,此时如果用户等不及而连续单击按钮,导致数据重复提交。可以使用本例提供的代码防止数据重复提交。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <script LANGUAGE="JavaScript"> function doubleCheck(){ if (window.document.readyState != null && window.document.readyState != 'complete') //判断页面是否执行完毕 { alert("正在处理,请等待!"); //没有执行完毕提示,并返回false return false; } else { return true; //执行完毕 } } </script> </head> <body> <input type=text name="txt1" value="this is test!"> <input type=button value="提交" onClick="doubleCheck()"> </body> </html>
【难点剖析】
本例的重点是如何判断页面的状态。“readyState”属性用来获取页面的状态,其值只能获取,不允许赋予。当其值为“complete”时,袭示页面已经加载完毕。
【源码下载】