1. Syntaxe de base:
window.open (pageurl, nom, paramètres)
dans:
Pageurl est le chemin de la fenêtre enfant
Le nom est le nom de la fenêtre enfant
Les paramètres sont des paramètres de fenêtre (chaque paramètre est séparé par des virgules)
2. Exemple
La copie de code est la suivante:
<script type = "text / javascript">
window.open ('page.html', 'Newwindow', 'height = 500, largeur = 800, top = 0, gauche = 0,
barre d'outils = non, menuBar = non, barre de défilement = non, résidable = non, emplacement = non, status = non ')
</cript>
Page.html sera ouvert sous le nouveau formulaire Newwindow, avec une largeur de 800, une hauteur de 500, 0 pixels du haut de l'écran et 0 pixels de la gauche de l'écran,
Pas de barre d'outils, pas de menubar, pas de barre de défilement, pas de redimensionnement, pas de barre d'adresse, pas de barre d'état.
Il existe des différences dans le niveau de support des caractéristiques de fenêtre de Window.Open () dans chaque navigateur
Résumé des résultats en cours d'exécution de chaque navigateur:
Le tableau ci-dessus montre le degré de prise en charge de chaque navigateur pour les options de paramètres des fonctionnalités, et les explications spéciales sont les suivantes:
[Remarque 1]: Dans IE7 IE8 Firefox Chrome Safari, lorsque l'option "MenUbar" est "oui", la barre de menu ne sera pas affichée par défaut. Vous devez appuyer sur la touche ALT avant que la barre de menu puisse être affichée; Au contraire, lorsque l'option "Menubar" est "non", la barre de menu ne sera pas affichée même si la touche ALT est enfoncée.
[Remarque 2]: Dans Safari, l'effet d'affichage est le même que lorsque l'option "Emplacement" est activée et que l'option "Barre d'outils" est activée.
[Note 3]: Dans IE6 IE8 Chrome, utilisez "Top" et "à gauche" pour localiser. Si la valeur des coordonnées définies est trop grande, la fenêtre contextuelle peut être affichée à l'extérieur de la plage visuelle de l'écran.
[Note 4]: Dans IE7 Firefox Safari Opera, utilisez "Top" et "à gauche" pour localiser. Si la valeur de coordonnée définie est trop grande, la fenêtre ajustera automatiquement les valeurs "supérieure" et "gauche" pour s'assurer que la fenêtre s'affiche normalement dans la zone visible de l'écran.
[Remarque 5]: Dans Chrome Opera, il n'est pas pris en charge d'utiliser "gauche" et "supérieur" indépendamment sans définir les valeurs "largeur" et "hauteur". À l'heure actuelle, les valeurs de réglage "gauche" et "supérieure" ne prennent pas effet.
[Remarque 6]: Dans Chrome, il n'est pas pris en charge d'utiliser "la largeur" et la "hauteur" indépendamment sans définir les valeurs "gauche" et "hauteur". À l'heure actuelle, les valeurs de réglage de la "largeur" "de hauteur" ne prennent pas effet. Combiné avec les instructions de [Note 5], nous pouvons voir que peu importe si vous souhaitez définir une ou plusieurs valeurs dans la largeur, la hauteur ou la position de la fenêtre contextuelle dans Chrome, vous devez les attribuer toutes, sinon aucun ne fonctionnera.
[Note 7]: Dans Firefox Chrome, la barre d'adresse sera toujours affichée.
[Note 8]: Dans l'opéra, la barre d'adresse ne s'affiche pas par défaut, mais vous pouvez cliquer sur la barre horizontale en haut de la page pour l'afficher. Après avoir réglé "Emplacement = Oui", la barre d'adresse sera automatiquement affichée.
[Remarque 9]: Dans Chrome Opera, la barre de menu ne sera jamais affichée quelle que soit la valeur de la valeur "Menubar".
[Remarque 10]: Peu importe comment la valeur "redonnable" est définie dans Firefox Safari Chrome Opera, la fenêtre peut toujours être redimensionnée par l'utilisateur.
[Remarque 11]: Dans Safari Chrome, lorsqu'il y a une barre de défilement sur la page, la barre de défilement est toujours visible, quelle que soit la valeur des "barres de défilement".
[Remarque 12]: IE7 peut prendre en charge le paramètre "Statut" pour masquer la barre d'état par défaut dans le système Windows XP SP3; Bien que le paramètre "Status" ne soit pas pris en charge dans l'environnement par défaut du système Windows Vista, et la barre d'état est toujours visible. Ceci est lié aux différents numéros de version par défaut IE7 par défaut dans les deux systèmes. Le premier a un numéro de version inférieur et le second a un numéro de version plus élevé.
[Remarque 13]: Dans Firefox, la barre d'état est toujours visible, quelle que soit la valeur de "statut", tandis que dans Chrome Opera, la barre d'état est toujours invisible dans la direction opposée à la première.
[Remarque 14]: Dans Chrome Opera, la barre d'outils ne s'affiche jamais, quelle que soit la façon dont la valeur "Barbar d'outils" est définie.
Pour résumer, on peut voir qu'il existe d'énormes différences dans le niveau de support du paramètre SFeatures de la méthode Window.Open, vous devez donc être prudent lorsque vous l'utilisez.
Généralement, lorsque nous utilisons Window.Open pour ouvrir la page, nous devons l'afficher au centre. Exemple de code:
La copie de code est la suivante:
Var Largeur = 800; // la largeur de la fenêtre contextuelle;
Hauteur var = 500; // la hauteur de la fenêtre contextuelle;
var top = (window.screen.AvailHeight-height) / 2; // la position verticale de la fenêtre;
var Left = (window.screen.availwidth-width) / 2; // position horizontale de la fenêtre;
window.open ('page.html', 'Newwindow', 'height =' + height + ', width =' + width + ', top =' + top + ', gauche =' + gauche + ',
barre d'outils = non, menuBar = non, barre de défilement = non, résidable = non, emplacement = non, status = non ')
La différence entre disponible et la hauteur
La copie de code est la suivante:
window.screen.width renvoie la largeur de l'écran actuelle (valeur de résolution)
window.screen.height renvoie la hauteur de l'écran actuelle (valeur de résolution)
Screen.AvailWidth, Screen.AvailHeight fait référence à la longueur et à la largeur à l'exception de la barre des tâches.