Summary of using forms in JS_javascript skills-JS Tutorial-php.cn

Summary of using forms in JS_javascript skills

WBOY

Release： 2016-05-16 17:04:16

Original

1122 people have browsed it

1. How to refresh the page using javascript

window.location.reload();

Use the pop-up window popped up by window.open() to refresh the parent window
window.opener.location.reload()

Use window.showDialog to pop up the modal window
window.dialogArguments.location.reload();

2. Two implementation methods of javascript pop-up windows---The following are two examples of pop-up screen-centered windows
window.open() method

Copy code The code is as follows:

 function ShowDialog(url) { 
 var iWidth=300; //Window width
 var iHeight=200;//Window height
 var iTop=(window.screen.height-iHeight)/2;
 var iLeft=(window.screen.width-iWidth)/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 method

Copy code Code As follows:

 function ShowDialog(url) { 
 var iWidth=300; //Window width
 var iHeight=200;//Window height
 var iTop=(window. screen.height-iHeight)/2;
 var iLeft=(window.screen.width-iWidth)/2;
 window.showModalDialog(url,window,"dialogHeight: " iHeight "px; dialogWidth: " iWidth "px;
 dialogTop: " iTop "; dialogLeft: " iLeft "; resizable: no; status: no;scroll:no");
 parameters, window 

3. How to set the page to not cache data

Add the following statement to the jsp page

Copy the code The code is as follows: <%

response.setHeader("Pragma","No-Cache");

 response.setHeader("Cache-Control","No-Cache");
 response.setDateHeader("Expires", 0 ; >

 The code is as follows:

function CloseWin(){

var ua = navigator.userAgent; var ie = navigator.appName=="Microsoft Internet Explorer"?true: false;
if(ie){ var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ") 5,ua.indexOf(";",ua.indexOf("MSIE "))) );
if( IEversion< 5.5){ var str = '';

document.body.insertAdjacentHTML("beforeEnd", str); document.all.noTipClose.Click(); } else { window.opener =null; window.close(); } }else{ window.close()

}

} 
 
5. Close the pop-up window regularly---set/clear timer
 
Copy code

 The code is as follows: 

scriptlanguage="JavaScript"

!--
functioncloseit(){ setTimeout("self.close()",100000)// The unit is milliseconds, here is 100 secondssetInterval("self.close()",100000)

window.clearTimeout(me.timer); window.clearInterval(me.timer); /script
6. Pass the value in the javascript pop-up sub-window---pass the value through the url

Copy code The code is as follows:

Click

7.jshide /Show form
document.all("id").style.display=="none";//Hide
document.all("id").style.display==""; //Display
document.getElementById("bt").style.display=="none"
document.getElementById("bt").style.display==""
id is table, input id

8.js controls the validity/invalidity of form elements
document.getElementById("bt").disabled=true;
document.all("Submit1").disabled=true; //Invalid
document.all("Submit1").disabled=false; //Valid

Set/get the value of the element
document.getElementById("labTitle").innerHTML="IP mode";//Set the value
document.getElementById("labTitle").innerHTML//Get the value
labTitle is the id of div, span, table

Example 1:

Copy codeThe code is as follows:

Example 2:

Copy code The code is as follows:

9. How the page submits the form through the function

Copy the code The code is as follows:

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

10. Traverse radio method

Copy code The code is as follows:

var radios=document.getElementsByName("workMode");
var workMode="";
for(var i=0;i if(radios[ i].checked==true){
workMode=radios[i].value; 🎜>

Copy code
The code is as follows:

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

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

removefunctionRow(rowId){

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

15. Collection

Copy code The code is as follows:

//Show the import progress bar
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. Create a new window
function layer1AddGroup() {
var url='/NDHotel/jsp/systemset/roomSet/addGroup.jsp';
var newwin=window .showModalDialog(url,window,"dialogWidth=470px;dialogHeight=400px;scroll=yes;status=no;help=no;");
}

//Refresh the parent page
function roomMainLeftRightFrame(){
var layer='<%=layer%>';
window.parent.parent.frames('view').location .href="/NDHotel/troom.do?method=roomSetLeftMenu&layer=" layer;
}

17. Set the read-only attribute of the text box/set the color of the text box/settings radio selects

Copy code The code is as follows:

document.all("txt_AutoTime" ).readOnly=true;
document.all("txt_AutoTime").style.backgroundColor="#d0d0d0";
runParamSetForm.radNotForcibly.checked=true;

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