window.open, ouvrez la fenêtre et ouvrez un nouvel onglet, actualisez les données de la fenêtre parent

window.open(url, [name], [configuration])

url, 为要新打开页面的url
name,为新打开窗口的名字,可以通过此名字获取该窗口对象
configuration,为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息

1. name est le nom de la fenêtre ouverte, qui peut être personnalisé. Si le nom est le même, une seule fenêtre sera ouverte plusieurs fois ;

      Il peut également s'agir de la valeur suivante. S'il s'agit de la valeur suivante, plusieurs fenêtres seront ouvertes, que la page soit ou non la même.

nom décrire
_vide Par défaut, l'URL du lien sera ouverte dans une nouvelle fenêtre.
_soi Ouvrir l'URL du lien dans la fenêtre actuelle
_parent Ouvrez l'URL du lien dans la fenêtre parent
_haut Ouvrir l'URL dans la fenêtre de niveau supérieur
nom du cadre Ouvrez l'URL du lien dans le cadre spécifié

2. window.open(url, name) Généralement, les navigateurs ouvrent un nouvel onglet. Si vous souhaitez ouvrir une nouvelle fenêtre, vous devez ajouter le paramètre de configuration , par exemple :

window.open('https://www.baidu.com/', item.className, 'width=800,height=600,top=100,left=200,toolbar=yes,scrollbars=yes')
paramètre valeur illustrer
haut nombre Nombre de pixels du haut de la fenêtre jusqu'au haut de l'écran
gauche nombre Nombre de pixels du côté gauche de la fenêtre au côté gauche de l'écran
largeur nombre largeur de la fenêtre
hauteur nombre hauteur de la fenêtre
barre de menu Oui Non La fenêtre a-t-elle un menu ?
barre d'outils Oui Non La fenêtre comporte-t-elle des barres d'outils ?
barres de défilement Oui Non La fenêtre comporte-t-elle des barres de défilement ?
statut Oui Non La fenêtre a-t-elle une barre d'état ?

 3. Scénario : ouvrez une nouvelle fenêtre b sur la page a. Une fois que la nouvelle fenêtre a soumis les données, fermez la fenêtre. En même temps, les données de la liste de la page a doivent être actualisées. À ce stade, vous pouvez utiliser la fenêtre. Méthode opener.location.reload() pour exécuter les opérations de la fenêtre principale créées.

4. En conséquence, pour plus de méthodes de fenêtre, window.parent, veuillez vous référer à l'objet Window | Tutoriel Rookie

5. Méthode Postmessage, utilisez localstorge pour stocker les données, puis utilisez window.addEventListener("storage", function (e) { console.log(e) console.log(e.newValue) })

Je suppose que tu aimes

Origine blog.csdn.net/ringlot/article/details/120220971
conseillé
Classement