Summary of using forms in JS_javascript skills

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:

var prov=document.getElementById("ddlProvince"); prov.options.add(new Option("---Please select---","")); var pArray=zoneIdProvince .split("&");

for(var i=0;i var idpArray=pArray[i].split("#");
var sZoneID =idpArray[0];

var sProvince=idpArray[1];

prov.options.add(new Option(sProvince,sZoneID));
}


12. How to use prototype ajax to submit data on the page (java)

Step one: Add the following js file link in

Copy the code The code is as follows:

< /head>

Step 2: Place the prototype-1.6.js file in the directory specified by /NDHotel/js/

Three steps: Declare the following calling function in

Copy code The code is as follows:

Four steps: Implement background call

Copy code The code is as follows:

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

How to get the value of the form in 13.js:

Copy code The code is as follows:

document.getElementById("lindex").value
document.all.lindex.value//lindex must be unique in the page

//Set to get focus
document.getElementById("lindex").focus()
document.all.startip.focus()

//Set to lose focus
document.getElementById("lindex").blur()
document.all.startip.blur()

14. Dynamic Add/delete rows in the table

Copy code The code is as follows:

< table width="100%" id="tdSearch" name="tdSearch" cellpadding="0" cellspacing="0" align="center">

//Dynamicly generate table rows
var autoId = 0; // Auto-increment variable
function addRow(value1,value2){    
var highQuery=document.getElementById("tdSearch");
highQuery.insertRow();
var newRow = highQuery.rows[highQuery.rows.length - 1];
newRow.id = "row_" autoId;
newRow.insertCell();
newRow.cells[0].innerHTML = "

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;
}

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn