JS中表單的使用小結_javascript技巧

1.javascript刷新頁面的方法
     
window.location.reload();

使用window.open()彈出的彈出窗口，刷新父視窗
    window.opener.location.reload()

使用window.showDialog彈出的模式視窗
    window.dialogArguments.location.reload();

2.javascript彈出視窗的兩種實作方式---下面給兩個彈出螢幕居中視窗的範例
window.open()方式

複製代碼 代碼如下:

       function ShowDialog(url) {
           var iWidth=300; //窗口寬度
var iHeight=200;//窗口高度
           var iTop=(window.screen.height-iHeight)/2;
                 window. open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,
     Width=" iWidth " ,Height=" iHeight ",top=" iTop ", left=" iLeft);
          }

window.showModalDialog方式

如下:

     function ShowDialog(url) {
           🎜>           var iTop=(window. screen.height-iHeight)/2;
           var iLeft=(window.screen.width-iWidth)/2;
  .Sqdow oo:57oooo. dialogWidth: " iWidth "px;
     dialogTop: " iTop "; dialogLeft: " iLeft "; resizable: no; status: no;scroll:no");
    個參數，window


3.頁面中設定不進行快取資料的方法

在jsp頁面上加入下列語句 

複製程式碼

程式碼如下：      response.setHeader("Pragma","No-Cache");      response.setHeader("Cache-Control","NoCache");Heponse)o. ;%>

4.無提示關閉頁面的方法

複製代碼

複製代碼

複製代碼

複製代碼

複製代碼



複製代碼


程式碼如下:


function CloseWin(){
    var ua = navigator.userAgent; var ie = navigator.appName=="Microsoft Internet Explorer"?:falseAgent;
    if(ie){
 var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ") 5,ua.indexOf(";",ua.indexOf("MSIE "))));

    if( IEversion    var str = '';    document.body.insertAdjacentHTML("beforeEnd", strno);   } else {      window.opener =null; window.close();
   }

  }else{   window.close( >5、定時關閉彈出的窗口---設置/清除定時器

複製代碼


程式碼如下:

scriptlanguage="JavaScript"
!--
functioncloseit(){
setTimeout("self.close()",100000)//單位是毫秒，這裡是100秒

setInterval("self.close()",100000) window.clearTimeout(me.timer); window.clearInterval(me.timer); /script
6.javascript彈出子窗口中傳值---通過url傳值

複製代碼 程式碼如下:

點擊

7.js隱藏/顯示表單
document.all("id").style.display=="none";//隱藏
document.all("id").style.display=="";//顯示
document.getElementById("bt").style.display=="none"
document.getElementById("bt").style.display==""
id為table，input 的id

8.js控製表單元素有效/失效
document.getElementById("bt").disabled=true;
document.all("Submit1").disabled=true;
document.all("Submit1").disabled=true; //失效

document.all("Submit1").disabled=false;//有效

設定/取得元素的值
document.getElementById("labTitle").innerHTML="IP模式";//設定值
document.getElementById("labTitle").innerHTML//取得值
labTitle 為div，span，table的id
實例1：

複製程式碼

複製程式碼

複製程式碼

複製程式碼

程式碼如下:

實例2：

複製程式碼 代碼如下:

代碼如下:

9.頁面透過函數提交表單的方法

複製程式碼複製程式碼

程式碼:

function exit(){
selcardForm.action="/NDHotel/queryTroom.do?method=exitSystem";
selcardForm.submit();
}

selcardForm.submit();
}

10.遍歷radio方法

複製程式碼

複製程式碼

複製程式碼



複製碼🎜>

var radios=document.getElementsByName("workMode");
 var workMode="";
     for(var i=0;i          workMode=radios[i].value;         } 🎜>複製程式碼 程式碼如下: var prov=document.getElementById("ddlProvince");        prov.options.add(new Option("---請選擇---","")); .split("&");    for(var i=0;i      var idpArray=pArray[i].split("#");  =idpArray[0];      var sProvince=idpArray[1];      prov.options.add(new Option(sProvince 
12.頁面中使用prototype ajax提交資料的實作方式(java)

一步：在

中加入以下js檔案連結

複製程式碼 程式碼如下:

二步：把prototype-1.6.js檔案放到/NDHotel/js/指定的目錄中

三步驟：在中宣告以下呼叫函數

複製程式碼 程式碼如下:

四步：實現後台調用

複製代碼 程式碼如下:

 public ActionForward roomChangeNotice(ActionMapping mapping,
   ActionForm form, HttpServletRequest request,  PrintWriter pw = RainPrintWriter.getPrintWriter(response);
  try {
   NotifyServiceTwo.sendMessage(4, 0);
   result = "pccessage( >   logger.error("roomChangeNotice" e);
  }
  pw.write(result);
  pw.close();
  return null;


13.js中取得表單的值的方式：

複製程式碼

複製程式碼 程式碼如下:document.getElementById("lindex").value

document.all.lindex.value//lindex在頁面中必須是唯一的

//設定取得焦點document.getElementById("lindex").focus()

document.all.startip.focus()

//設定失去焦點

document.getElementById("lindex").blur()

document.all.startip.blur()

14.動態新增/刪除表格中的行

複製程式碼 程式碼如下:

程式碼如下:

//動態產生table的行
var autoId = 0; // 自增變數 
function addRow(value1,value2){      
 var highQuery=document.getElementBy  
 var highQuery=documentSearch. 🎜> highQuery.insertRow();
 var newRow = highQuery.rows[highQuery.rows.length - 1]; 
 newRow.id = "row_" autoId;
; > newRow.cells[0].innerHTML = "- ";

 newRow.insertCell();
 newRow.cells[1].innerHTML = " ";     

   var cell2 = newRow.insertCell();
 cell2.innerHTML = "";
       cell2.setAttribute("class", "yellowCell2");
 autoId=autoId 1;

function removeRow(rowId){

 var trRow = document.getElementById(rowId);
  //alert(trRow);
 //if(rowId!="row_0"){
  trRow.removeNode(true > //}
}


15. 集合

複製程式碼 程式碼如下:document.all("btnImport").disabled=true;

document.all("DataGrid_WaitDiv").style.left=100;
document.all("DataGrid_WaitDiv" ).style.top=295;
document.all("DataGrid_WaitDiv").style.display = "";

form1.action="/NDHotel/jsp/systemset/roomSet/uploadFile.jsp";
form1.submit();

16.新建一個視窗

function layer1AddGroup() {var url='/NDHotel/jsp/systemset/roomSet/addGroup.jsp';
var newwindow .showModalDialog(url,window,"dialogWidth=470px;dialogHeight=400px;scroll=yes;status=no;help=no;");}

//刷新父頁
function roomMainLeftRightFrame(){

var layer='';

window.parent.parent.frames('view').location.href ="/NDHotel/troom.do?method=roomSetLeftMenu&layer=" layer;
}



17.設定文字方塊唯讀屬性/設定文字方塊的顏色/設定radio選取

複製程式碼 程式碼如下:document.all("txt_Autouto"). readOnly=true;

document.all("txt_AutoTime").style.backgroundColor="#d0d0d0";

runParamSetForm.radNotForcibly.checked=true;


//IP位址驗證function ipCheck(ipValue){

 var reg = /^/d{1,3}(/./d{1,3}){3}$ /;
 if(ipValue != ""){
  if (reg.test(ipValue)){
   var ary = ipValue.split('.');
 ary  for(key in ary  for(key in ary ){
    if (parseInt(ary[key]) > 255 )
     return false;
   }
   return true... 🎜> return true;
}