Bei der Entwicklung von Webanwendungen wird häufig JavaScript verwendet, um ein neues Fenster zu öffnen. Manchmal hoffen wir jedoch, dass der Benutzer nur das neu geöffnete Fenster bedienen kann und keine Vorgänge auf der Originalseite ausführen kann. Wie wird es in diesem Fall eingerichtet?
Im Folgenden sind einige Implementierungsmethoden als Referenz aufgeführt:
Methode 1: Parameter beim Öffnen des Fensters mit JavaScript hinzufügen
Die erste Methode ist die Verwendung Die JavaScript-Steuerung wird durch das Hinzufügen von Parametern beim Öffnen eines neuen Fensters erreicht. Die spezifische Implementierungsmethode lautet wie folgt:
window.open(url,name,'height=500,width=500,top=100,left=100,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
In diesem Code verwenden wir die Methode window.open, um ein neues Fenster zu öffnen, wobei name ist ist der Fenstername, url ist die Adresse des neuen Fensters. Unter anderem toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no und status=no geben jeweils an, dass die Symbolleiste, die Menüleiste, die Bildlaufleiste, die Schaltfläche zur Größenanpassung, die Adressleiste und die Statusleiste ausgeblendet werden. window.open方法打开了一个新窗口，其中name是窗口名称，url是新窗口的地址。而其他参数中的toolbar=no、menubar=no、scrollbars=no、resizable=no、location=no、status=no则分别表示隐藏工具栏、菜单栏、滚动条、大小调整按钮、地址栏和状态条。
这样一来，用户在新窗口中只能看到当前页面的内容，其他操作都被禁用了。
方法二：通过JavaScript代码禁用其他页面
第二种方法是在新打开的窗口中，添加JavaScript代码来禁用其他页面。这种方法需要在新打开的页面中添加以下代码：
window.opener.location.href='javascript:;';
这段代码的作用是将原页面的地址修改为javascript:;，这样用户点击原页面的任何链接都无法操作。
此外，还可以添加以下代码，使用户在打开新窗口之后，点击浏览器后退按钮时不能返回原页面：
history.forward();
方法三：通过设置事件禁用其他页面
第三种方法是添加事件，使系统在切换到新打开的窗口时，自动禁用原页面的操作。具体实现如下：
var newpage = window.open("http://www.example.com");
newpage.onfocus = function () {
window.blur();
setTimeout(function () { window.focus(); }, 100);
};这段代码中，我们使用window.open方法打开了一个新窗口，并将它保存在变量newpage中。而newpage.onfocus则是指当用户切换回新窗口时，自动执行的事件。我们通过window.blur()
javascript:; zu ändern, sodass Der Benutzer klickt. Alle Links zur Originalseite sind nicht funktionsfähig. #🎜🎜##🎜🎜# Darüber hinaus können Sie auch den folgenden Code hinzufügen, damit der Benutzer nicht zur ursprünglichen Seite zurückkehren kann, wenn er nach dem Öffnen eines neuen Fensters auf die Zurück-Schaltfläche des Browsers klickt: #🎜🎜#rrreee#🎜🎜#Methode 3: Durch Festlegen von Ereignissen Andere Seiten deaktivieren#🎜🎜##🎜🎜#Die dritte Methode besteht darin, ein Ereignis hinzuzufügen, damit das System beim Wechsel zu einem neu geöffneten Fenster automatisch den Betrieb der Originalseite deaktiviert. Die spezifische Implementierung ist wie folgt: #🎜🎜#rrreee#🎜🎜#In diesem Code verwenden wir die Methode window.open, um ein neues Fenster zu öffnen und es in der Variablen newpageMittel. Und <code>newpage.onfocus bezieht sich auf ein Ereignis, das automatisch ausgeführt wird, wenn der Benutzer zu einem neuen Fenster zurückwechselt. Wir deaktivieren die Originalseite über die Methode window.blur() und fokussieren das Fenster dann nach 100 Millisekunden neu. #🎜🎜##🎜🎜#Zusammenfassung#🎜🎜##🎜🎜#Das Obige ist die Methode zum Steuern des neu geöffneten Fensters, um nur dieses Fenster zu bedienen, nicht jedoch die ursprüngliche Webseite. Verschiedene Methoden haben unterschiedliche Vor- und Nachteile. Bei der Verwendung können Sie die geeignete Methode entsprechend den tatsächlichen Anforderungen auswählen. #🎜🎜#Das obige ist der detaillierte Inhalt vonWie kann ich das Javascript-Fenster nach dem Öffnen so einstellen, dass nur andere Seiten im Fenster bedient und nicht verschoben werden können?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
