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>










posted on 2009-05-22 13:45 彭伟 阅读(130) 评论(0)  编辑  收藏 所属分类: Good_Study


只有注册用户登录后才能发表评论。


网站导航:
 
<2009年5月>
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456

导航

统计

常用链接

留言簿(3)

随笔分类

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜