Heim >Web-Frontend >js-Tutorial >JavaScript-Problemanalyse beim Aktualisieren der übergeordneten Seite nach der Ausführung der open.window-Unterseite. Javascript-Kenntnisse

JavaScript-Problemanalyse beim Aktualisieren der übergeordneten Seite nach der Ausführung der open.window-Unterseite. Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 16:01:571040Durchsuche

In diesem Artikel wird die JavaScript-Methode zum Aktualisieren der übergeordneten Seite nach der Ausführung der open.window-Unterseite analysiert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Hauptseite:

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

Es gibt den folgenden Code in 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;
}

Die Seite addInfo.jsp hat den folgenden Code:

<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();//当前页面关闭
}

Wenn es sich außerdem um eine Operation wie das Löschen handelt, können Sie nach dem Ausführen einer Reihe von Operationen in der Klasse direkt Sprunganweisungen in die Klasse schreiben Klasse. Das ist es, wie unten gezeigt:

Hauptseite mainPage.jsp:

//删除操作关联后台的DeleteSocket类,如果要传参数,用&#63;即可
window.location.href = DeleteSocket

DeleteSocket-Klassenseite:

Code kopieren Der Code lautet wie folgt:
//Nachdem Sie eine Reihe von Vorgängen ausgeführt haben, können Sie direkt JavaScript-Code schreiben
//Nachdem Sie diesen Satz geschrieben haben, können Sie direkt zur Hauptseite springen und die Hauptseite aktualisieren

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

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn