Detailed explanation of the use of showModalDialog parameters in javascript

This article mainly provides a detailed analysis and introduction to the use of showModalDialog parameters in js. Friends in need can come and refer to it. I hope it will be helpful to everyone.

Basic introduction:

showModalDialog() (IE 4 supported)
showModelessDialog() (IE 5 supported)
window The .showModalDialog() method is used to create a modal dialog box that displays HTML content.
window.showModelessDialog() method is used to create a non-modal dialog box that displays HTML content.

Usage:

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window. showModelessDialog(sURL [, vArguments] [,sFeatures])

Parameter description:

sURL -- Required Parameters, type: string. Used to specify the URL of the document to be displayed in the dialog box.

vArguments -- Optional parameters, type: variant. Used to pass parameters to the dialog box. The type of parameters passed is not limited, including arrays, etc. The dialog box obtains the parameters passed in through window.dialogArguments.

sFeatures -- Optional parameters, type: string. Used to describe the appearance of the dialog box and other information, you can use one or more of the following, separated by semicolons ";".

1. dialogHeight: Dialog height, not less than 100px
2. dialogWidth: Dialog width.
3. dialogLeft: Distance from the left side of the screen.
4. dialogTop: Distance from the screen.
5. center: { yes | no | 1 | 0 }: Whether to center, the default is yes, but the height and width can still be specified.
6. help: {yes | no | 1 | 0}: Whether to display the help button, the default is yes.
7. resizable: {yes | no | 1 | 0} [IE5]: Whether it can be resized. The default is no.
8. status:{yes | no | 1 | 0} [IE5]: Whether to display the status bar. Default is yes[Modal] or no[Modal].
9. scroll:{ yes | no | 1 | 0 | on | off }: Whether to display scroll bars. The default is yes.

The following attributes are used in HTA and are generally not used in ordinary web pages.

10.dialogHide:{ yes | no | 1 | 0 | on | off }: Whether the dialog box is hidden during printing or print preview. The default is no.
11. edge:{ sunken | raised }: Specifies the border style of the dialog box. The default is raised.
12. unadorned:{ yes | no | 1 | 0 | on | off }: The default is no.

Parameter passing:

1. To pass parameters to the dialog box, they are passed through vArguments. There is no limit on the type. For string types, the maximum length is 4096 characters. Objects can also be passed, for example:

parent.htm

<script>
　　var obj = new Object();
　　obj.name="51js";
　　window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
　　var obj = window.dialogArguments
　　alert("您传递的参数为：" + obj.name)
</script>

2. Information can be returned to the window that opened the dialog box through window.returnValue. Of course it can also be an object. For example:

parent.htm

<script>
         str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
         alert(str);
</script>
modal.htm
<script>
         window.returnValue="//www.php.cn";
</script>

The above is the entire content of this chapter. For more related tutorials, please visit JavaScript Video Tutorial!