JS应用集锦

1、解决"要再次显示该网页,internet explorer需要重新发送您以前提交的信息......"的问题。
方法:如果使用的是body的onUnload方法,则把window.opener.location.reload();//或许是document.location.reload();修改成: location.href = location.href;问题即解决。不过这只是相对于body的onUnload()的问题。

2、关闭页面时提示。
方法一:<body onbeforeunload="event.returnValue='你的页面数据尚未保存,确定退出吗?';"> 
关闭窗口试试! 
</body> 

3、按钮成灰色,不可以点击提交。
<input type="button" id="mybutton" onclick="alert('不会弹出');" disabled="true" value="不可以点击" title="点击次数超过4次不可以继续修改,请联系管理员"/>   

4、解决设置文本框不可按 BackSpace,比如在文本设置为只读(readonly="readonly")时,不可以按Back Space回退键。
<script type="text/javascript">
        //屏蔽页面中不可编辑的文本框中的backspace按钮事件
        function keydown(e) {
            var isie = (document.all) ? true : false;
            var key;
            var ev;
            if (isie){ //IE和谷歌浏览器
                key = window.event.keyCode;
                ev = window.event;
            } else {//火狐浏览器
                key = e.which;
                ev = e;
            }

            if (key == 8) {//IE和谷歌浏览器
                if (isie) {
                    if (document.activeElement.readOnly == undefined || document.activeElement.readOnly == true) {
                        return event.returnValue = false;
                    } 
                } else {//火狐浏览器
                    if (document.activeElement.readOnly == undefined || document.activeElement.readOnly == true) {
                        ev.which = 0;
                        ev.preventDefault();
                    }
                }
            }
        }

        document.onkeydown = keydown;
    </script>

<input type="text" name="juser" id="juser" onKeyDown="keydown(this)"  readonly="readonly"/>

5、在新增的时候提示是否继续添加


if(confirm("添加成功,是否继续新增信息?"))
	  {
		 location.href='auabout.php?action=add';
	  }  
	  else
	  {
		 window.close();
		 window.opener.reload();
	  }

6、一个action里使用2个submit提交按钮的表单。
function t1()
{
   document.addForm.action='test.php?action=add';
}
function t2()
{
   document.addForm.action='test.php?action=insert';
}
<form name="addForm" id="addForm" method="post" action="test.php?action=add">
<input type="text" name="test" id="test"/>
<br/>
<input type="text" name="text" id="text"/>
<br />
<input type="submit" name="bt" value="提交1" onclick="return t1()"/>  
<input type="submit" name="bg" value="提交2" onclick="return t2()"/>
</form>
<?php
$action=$_GET['action'];
if($action=='add')
{
   echo "表单1输出"."<br/>"; 
   echo $_POST['test']."<br/>";
   echo $_POST['text'];
}
else if($action=='insert')
{
   echo "表单2输出"."<br/>"; 
   echo $_POST['test']."<br/>";
   echo $_POST['text'];
}
?>

 

7、做js验证时,确认键盘按键对应的keyCode值查询的方法,直接在百度输入"keyCode"即可。按什么按键对应的keyCode、ASSIC值都出来了。比较方便。


 


 

你可能感兴趣的:(JS应用集锦)