JS学习实录

JS学习实录

1、jsp页面中全选按钮

1  function  processSelectAll(){         
2       var  flagCheckBox = document.getElementsByName( " selectAll " );  //全选checkbox，得到选择状态
3        var  checkCtrls = document.getElementsByName( " checkDst " );     //需要被全选的checkbox，状态将同步于全选checkbox
4        if (checkCtrls != null && checkCtrls.length > 0 ){                 //判断全选checkbox，是否为空
5              for ( var  i = 0 ;i < checkCtrls.length;i ++ ){                //循环被全选checkbox
6               checkCtrls[i].checked = flagCheckBox[ 0 ].checked;     //同步全选checkbox 和 被全选checkbox
7             }
8      }
9  }

2、jsp页面中判断是否有选项

 1  function  doConfirm(){
 2       var  checkCtrls = document.getElementsByName( " checkDst " );  //需要判断的对象
 3       var  isSeleted = false ;                                    //初始化没有选择对象
 4        if (checkCtrls != null && checkCtrls.length > 0 ){
 5             for ( var  i = 0 ;i < checkCtrls.length;i ++ )
 6            {
 7                if (checkCtrls[i].checked){                     //如果有选择对象，则：
 8                    isSeleted = true ;                           //将初始化没有选择对象 修改为 有选择对象 true
 9                     break ;                                    //退出循环
10               }
11            }
12       }
13         if (isSeleted){
14               document.forms[ 1 ].submit();                    //有选择对象，进行相关操作
15        } else {
16               alert( " 未选中采购订单，无法确认! " );            //没有选择对象，进行提醒、警示
17        }
18  }

3、在网站开发中经常会遇到返回历史页面或者前进的情况，或者对页面进行刷新。这些操作可以通过电脑键盘进行简单地执行；而在链接动作方面，JavaScript却能发挥出色的作用。下面本站介绍简单的对页面执行返回、刷新、前进操作的代码

·JavaScript让页面返回的代码：

1  < a href = " Javascript:history.go(-1) " > 返回上一页 </ a >  
2 
3  < a href = " Javascript:history.back() " > 返回上一页 </ a >  
4 
5  < a href = " Javascript:window.history.go(-1) " > 返回上一页 </ a >
6 
7  < a href = " Javascript:window.history.back() " > 返回上一页 </ a >   
8 

·JavaScript让页面刷新的代码：

1  < a href = " Javascript:history.go() " > 刷新 </ a >
2 
3  < a href = " Javascript:history.go(0) " > 刷新 </ a >
4 
5  < a href = " Javascript:window.history.go(0) " > 刷新 </ a >

·JavaScript让页面前进的代码：

1  < a href = " Javascript:history.go(1) " > 前进 </ a >
2 
3  < a href = " Javascript:window.history.go(1) " > 刷新 </ a >