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) })