Aujourd'hui, lorsque j'ai utilisé des fenêtres enfants pop-up dans le projet, j'ai pensé à deux méthodes pour implémenter avec JavaScript, l'une est Window.Open (); L'autre est Window.showmodaldialog (). Ce dernier est une fenêtre contextuelle avec une relation parent-enfant. Ce n'est que lorsque la fenêtre enfant est fermée, la fenêtre parent est activée et les paramètres et les valeurs de retour peuvent être transférés. Il suffit de revoir l'utilisation et d'enregistrer les problèmes rencontrés pendant le processus.
Introduction de base:
ShowModaldialog () (IE 4+ Support)
ShowModelessDialog () (IE 5+ Support)
La méthode Window.showmodaldialog () est utilisée pour créer une boîte de dialogue modale qui affiche le contenu HTML.
La méthode Window.showModelessDialog () est utilisée pour créer une boîte de dialogue non modale qui affiche le contenu HTML.
Comment utiliser:
vreTurnValue = window.showmodaldialog (Surl [, varguments] [, sfeatures], "");
vreTurnValue = window.showModelessDialog (Surl [, varguments] [, sfeatures], "");
Description du paramètre:
Surl:
Paramètre requis, type: chaîne. Utilisé pour spécifier l'URL du document à afficher dans la boîte de dialogue.
Varguments:
Paramètre facultatif, type: variante. Utilisé pour transmettre des paramètres à la boîte de dialogue. Les types de paramètres passés ne sont pas limités, y compris les tableaux, etc. La boîte de dialogue utilise la fenêtre.Dialogarguments pour obtenir les paramètres passés.
Sfeatures:
Paramètre facultatif, type: chaîne. Les informations utilisées pour décrire l'apparence d'une boîte de dialogue, telles que les informations suivantes, peuvent être séparées par un point-virgule ";".
1.DialogHeight: La hauteur de la boîte de dialogue n'est pas inférieure à 100px. Les unités par défaut de DialogHeight et DialogWidth dans IE4 sont EM, tandis que dans IE5, c'est PX. Par souci de commodité, lors de la définition de la boîte de dialogue dans la méthode modale, utilisez PX comme unité.
2.DialogWidth: Boîte de dialogue Largeur.
3.Dialogleft: la distance entre la gauche de l'écran.
4.Dialogtop: la distance de l'écran.
5.Center: {Oui | Non | 1 | 0}: si la fenêtre est centrée, la valeur par défaut est oui, mais la hauteur et la largeur peuvent toujours être spécifiées.
6. help: {Oui | Non | 1 | 0}: s'il faut afficher le bouton d'aide, la valeur par défaut est oui.
7. Résisenable: {Oui | Non | 1 | 0} [ie5 +]: si la taille peut être modifiée. Par défaut non.
8.status: {Oui | Non | 1 | 0} [IE5 +]: s'il faut afficher la barre d'état. La valeur par défaut est oui [sans modes] ou non [modal].
9.Scroll: {Oui | Non | 1 | 0 | sur | OFF}: indique si la boîte de dialogue affiche des barres de défilement. La valeur par défaut est oui.
Les attributs suivants sont utilisés dans HTA et ne sont généralement pas utilisés dans les pages Web générales.
10.DialogHide: {Oui | Non | 1 | 0 | sur | OFF}: si la boîte de dialogue est masquée lors de l'impression ou de l'impression de prévisualisation. La valeur par défaut est non.
11.Edge: {enfoncés | surélevé}: spécifiez le style de bordure de la boîte de dialogue. La valeur par défaut est augmentée.
12.Unadorned: {Oui | Non | 1 | 0 | sur | OFF}: la valeur par défaut est non.
Passage des paramètres:
1. Si vous souhaitez passer des paramètres dans la boîte de dialogue, il est passé par Varguments. Il n'y a aucune restriction sur le type. Pour les types de chaînes, le maximum est de 4096 caractères et les objets peuvent également être passés.
2. Vous pouvez retourner des informations à la fenêtre où la boîte de dialogue est ouverte via Window.Returnvalue, et bien sûr, il peut également être un objet.