JS_javascript 기술의 양식 사용 요약-JS 튜토리얼-php.cn

JS_javascript 기술의 양식 사용 요약

WBOY

풀어 주다： 2016-05-16 17:04:16

원래의

1122명이 탐색했습니다.

1. 자바스크립트를 이용한 페이지 새로고침 방법

window.location.reload();

window.open에서 뜨는 팝업창 활용 () 상위 창을 새로 고치려면
window.opener.location.reload()

window.showDialog를 사용하여 모달 창 팝업
window.dialogArguments.location.reload()

2. 자바스크립트 팝업창 구현 방법 2가지---다음은 팝업 화면 중심 창의 2가지 예시입니다.
window.open() 메소드

코드 복사 코드는 다음과 같습니다.

 function ShowDialog(url) { 
 var iWidth=300; //창 너비
 var iHeight=200;//창 높이
 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 메서드

코드 복사 코드는 다음과 같습니다.

 function ShowDialog(url) { 
 var iWidth=300; //창 너비
 var iHeight=200;//창 높이
 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"; 크기 조정 가능: 아니요; 상태: no;scroll:no");
 매개변수, 창 

3. 데이터를 캐시하지 않도록 페이지를 설정하는 방법

jsp 페이지에 다음 문장을 추가하세요

코드 복사 코드는 다음과 같습니다. <%

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

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

 코드는 다음과 같습니다.

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. 팝업창을 정기적으로 닫습니다---타이머 설정/삭제
 
코드 복사

 코드는 다음과 같습니다: 

script언어="JavaScript"

!--
functioncloseit(){ setTimeout("self.close()",100000)// 단위는 밀리초, 여기서는 100초입니다setInterval("self.close()",100000)

window.clearTimeout(me.timer); window.clearInterval(me.timer) /script
6. 자바스크립트 팝업 하위 창에 값 전달---URL을 통해 값 전달

코드 복사 코드는 다음과 같습니다.

< /head>

2단계: /NDHotel/js/에 지정된 디렉터리에 프로토타입-1.6.js 파일을 배치합니다.

3단계:

코드 복사에서 다음 호출 함수를 선언합니다. 코드는 다음과 같습니다.

4단계: 백그라운드 호출 구현

코드 복사 코드는 다음과 같습니다.

 public ActionForward roomChangeNotice(ActionMapping 매핑,
 ActionForm 양식, HttpServletRequest 요청,
 HttpServletResponse 응답) throws Exception {
 문자열 결과 = ""; 
 PrintWriter pw = RainPrintWriter.getPrintWriter(response);
 try {
 NotifyServiceTwo.sendMessage(4, 0);
 result = "success";
 } catch(예외 e ) {
 logger.error("roomChangeNotice" e);
 }
 pw.write(result);
 pw.close();
 return null;
 }

13.js에서 양식 값을 가져오는 방법:

코드 복사 코드는 다음과 같습니다.

document.getElementById("linindex").value

document.all.lindex.value//lindex는 페이지에서 고유해야 합니다
//포커스를 가져오도록 설정

document.getElementById("linindex").focus()
document.all.startip.focus()

//포커스를 잃도록 설정

document.getElementById("linindex").blur()
document.all.startip.blur()

14. 동적 테이블의 행 추가/삭제

코드 복사 코드는 다음과 같습니다.

< 테이블 너비="100%" id="tdSearch" name="tdSearch" cellpadding="0" cellpacing="0" align="center">

//동적으로 테이블 행 생성

var autoId = 0; // 자동 증가 변수
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;
}

제거함수Row(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 newwin= window .showModalDialog(url,window,"dialogWidth=470px;dialogHeight=400px;scroll=yes;status=no;help=no;");
}

//상위 페이지 새로 고침
function roomMainLeftRightFrame(){
var layer='<%=layer%>';
window.parent.parent.frames('view'). location .href="/NDHotel/troom.do?method=roomSetLeftMenu&layer=" layer;
}

17. 텍스트 상자의 읽기 전용 속성을 설정합니다. 텍스트 상자 색상/설정 라디오 선택

코드 복사 코드는 다음과 같습니다.

document.all("txt_AutoTime" ).readOnly=true;
document.all("txt_AutoTime").style.BackgroundColor="#d0d0d0";
runParamSetForm.radNotForcously.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('.');
for(key in ary ){
if (parseInt(ary[key]) > 255 )
return false;
}
return true;
}else
return false
}else;
true를 반환합니다.
}