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頁面中判斷是否有選項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 }
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 }
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
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>
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>
2
3 <a href="Javascript:window.history.go(1)">刷新</a>
posted on 2009-05-22 13:45 彭偉 閱讀(137) 評論(0) 編輯 收藏 所屬分類: Good_Study