open.window 하위 페이지 실행 후 상위 페이지 새로 고침 시 JavaScript 문제 분석_javascript 기술

이 글에서는 open.window 하위 페이지가 실행된 후 상위 페이지를 새로 고치는 JavaScript 방법을 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

메인 페이지:

<input id="btnAdd" type="button" onclick="openWin();" value="添加" />

js에는 다음 코드가 있습니다.

function openWin() {
window.open('addInfo.jsp', '_blank',
'width=300,height=400,top=200,left=400');
}
  //定义callback方法，用于回调
  function callback() {
refreshWin();
}
//刷新当前页面
function refreshWin() {
//调用刷新页面的方法，此处RefreshSocket为刷新页面对应的方法
//也就是说，如果页面有个刷新按钮，
//则点击按钮提交的类名就是此处的类名
var url = 'RefreshSocket';
window.location.href = url;
}

addInfo.jsp 페이지에는 다음 코드가 있습니다.

<form name="form" action="AddSocket" method="get">
<input id="onSub" type="button" onclick="formSubmit();" value="确定">
</form>

function formSubmit(){
this.form.submit();
//提交action到AddSocket类
window.opener.callback();
//上述执行完成后，调用打开页面的callback方法，
//此处是调用主页面的callback方法
window.close();//当前页面关闭
}

또한 삭제와 같은 작업인 경우 JSP에서 클래스로 직접 점프한 후 클래스에서 일련의 작업을 수행한 후 현재 페이지를 새로 고치려면 JSP에서 직접 점프 문을 작성하면 됩니다. 수업입니다. 아래와 같습니다.

메인 페이지 mainPage.jsp:

//删除操作关联后台的DeleteSocket类，如果要传参数，用?即可
window.location.href = DeleteSocket

DeleteSocket 클래스 페이지:

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

//일련의 작업을 수행한 후 JavaScript 코드를 직접 작성할 수 있습니다.
//이 문장을 작성한 후 메인 페이지로 바로 이동하여 메인 페이지를 새로 고칠 수 있습니다

out.print("7c6ecc2a75ade4ffa1f50134f6be3b0elocation.href='mainPage.jsp'2cacc6d41bbb37262a98f745aa00fbf0");

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.