Explication détaillée de l'utilisation de window.showModalDialog() dans les compétences JavaScript_javascript

Aujourd'hui, j'ai utilisé une fenêtre enfant pop-up dans le projet et j'ai pensé à deux méthodes pour l'implémenter en JavaScript. L'une est window.open(); l'autre est la méthode window.showModalDialog(). méthode avec une relation parent-enfant. Pour les fenêtres contextuelles, la fenêtre parent n'est activée que lorsque la fenêtre enfant est fermée et les paramètres et les valeurs de retour peuvent être transférés. Je veux juste revoir l'utilisation et enregistrer les problèmes rencontrés dans le processus.

Introduction de base :
​showModalDialog() (pris en charge par IE 4)
​showModelessDialog() (pris en charge par IE 5)
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 :
URL :
Paramètre obligatoire, tapez : chaîne. Utilisé pour spécifier l'URL du document à afficher dans la boîte de dialogue.
vArguments :

Paramètre facultatif, tapez : variante. Utilisé pour transmettre des paramètres à la boîte de dialogue. Le type de paramètres transmis n'est pas limité, y compris les tableaux, etc. La boîte de dialogue obtient les paramètres transmis via window.dialogArguments.
sCaractéristiques :

Paramètre facultatif, tapez : string. Utilisé pour décrire l'apparence de la boîte de dialogue et d'autres informations, vous pouvez utiliser un ou plusieurs des éléments suivants, séparés par des points-virgules ";".

1.dialogHeight : hauteur de la boîte de dialogue, pas moins de 100 px. Les unités par défaut de dialogHeight et dialogWidth dans IE4 sont em, tandis que dans IE5, il s'agit de px. Pour plus de commodité, lors de la définition d'une boîte de dialogue modale, utilisez px comme unité. .
2.dialogWidth : largeur de la boîte de dialogue.
3.dialogLeft : distance depuis le côté gauche de l'écran.
4.dialogTop : distance à l'écran.
5.center : {yes | no | 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 : {yes | no | 1 | 0} : s'il faut afficher le bouton d'aide, la valeur par défaut est oui.
7.resizing : {oui | non | 1 | 0} [IE5+] : s'il peut être redimensionné. La valeur par défaut est non.
8.status : {oui | non | 1 | 0} [IE5] : s'il faut afficher la barre d'état. La valeur par défaut est oui[Modal] ou non[Modal].
9.scroll:{ oui | non | 1 | 0 | on 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 ordinaires.
10.dialogHide : { yes | no | 1 | 0 | on off } : indique si la boîte de dialogue est masquée lors de l'impression ou de l'aperçu avant impression. La valeur par défaut est non.
11. edge: { enfoncé | surélevé } : Spécifie le style de bordure de la boîte de dialogue. La valeur par défaut est relevée.
12.unadorned :{ oui | non | 1 | 0 | on off } : La valeur par défaut est non.

Passage de paramètres :
1. Pour transmettre des paramètres à la boîte de dialogue, ils sont transmis via vArguments. Il n'y a aucune limite quant au type. Pour les types chaîne, la longueur maximale est de 4 096 caractères. Les objets peuvent également être transmis.

2. Vous pouvez renvoyer des informations à la fenêtre qui ouvre la boîte de dialogue via window.returnValue, et bien sûr, cela peut aussi être un objet.