Une fois la fenêtre javascript ouverte, comment la configurer pour que seules les autres pages de la fenêtre puissent être utilisées et ne puissent pas être déplacées ?

Dans le processus de développement d'applications Web, JavaScript est souvent utilisé pour ouvrir une nouvelle fenêtre. Cependant, nous espérons parfois que l'utilisateur ne pourra utiliser que la fenêtre nouvellement ouverte et n'effectuer aucune opération sur la page d'origine. Comment la configurer dans ce cas ?

Voici quelques méthodes d'implémentation à titre de référence :

Méthode 1 : Ajouter des paramètres lors de l'utilisation de JavaScript pour ouvrir une fenêtre

La première méthode consiste à obtenir un contrôle en ajoutant des paramètres lors de l'utilisation de JavaScript pour ouvrir une nouvelle fenêtre. La méthode d'implémentation spécifique est la suivante :

window.open(url,name,'height=500,width=500,top=100,left=100,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')

Dans ce code, nous utilisons la méthode window.open pour ouvrir une nouvelle fenêtre, où name est le nom de la fenêtre et url est l'adresse de la nouvelle fenêtre. Entre autres paramètres, toolbar=no, menubar=no, scrollbars=no, resizing=no, location=no et status=no indiquent respectivement le masquage de la barre d'outils, de la barre de menu, de la barre de défilement, du bouton de réglage de la taille, de la barre d'adresse et de la barre d'état. 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()

De cette façon, l'utilisateur ne peut voir que le contenu de la page actuelle dans la nouvelle fenêtre, et les autres opérations sont désactivées.

Méthode 2 : désactiver les autres pages via le code JavaScript

La deuxième méthode consiste à ajouter du code JavaScript pour désactiver les autres pages dans la fenêtre nouvellement ouverte. Cette méthode nécessite d'ajouter le code suivant à la page nouvellement ouverte : 🎜rrreee🎜La fonction de ce code est de changer l'adresse de la page d'origine en javascript:;, afin que l'utilisateur clique sur n'importe quel lien sur la page originale. Impossible de fonctionner. 🎜🎜De plus, vous pouvez également ajouter le code suivant afin que les utilisateurs ne puissent pas revenir à la page d'origine lorsqu'ils cliquent sur le bouton Précédent du navigateur après avoir ouvert une nouvelle fenêtre : 🎜rrreee🎜Troisième méthode : désactiver les autres pages en définissant des événements🎜🎜La troisième La méthode consiste à ajouter des événements, afin que le système désactive automatiquement le fonctionnement de la page d'origine lors du passage à une fenêtre nouvellement ouverte. L'implémentation spécifique est la suivante : 🎜rrreee🎜Dans ce code, nous utilisons la méthode window.open pour ouvrir une nouvelle fenêtre et l'enregistrer dans la variable newpage. Et newpage.onfocus fait référence à un événement qui est automatiquement exécuté lorsque l'utilisateur revient à une nouvelle fenêtre. Nous désactivons la page d'origine via la méthode window.blur(), puis recentrons la fenêtre après 100 millisecondes. 🎜🎜Résumé🎜🎜Ce qui précède est la méthode permettant de contrôler la fenêtre nouvellement ouverte pour faire fonctionner uniquement cette fenêtre, mais pas la page Web d'origine. Différentes méthodes présentent différents avantages et inconvénients. Lorsque vous les utilisez, vous pouvez choisir la méthode appropriée en fonction des besoins réels. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!