Detailed explanation of JavaScript new window and sub-window value transfer_javascript skills

window.open() support environment: JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3
window.open(pageURL,name,parameters)
pageURL is the sub-window path
name the name of the pop-up window
parameters are window parameters (each parameter is separated by a comma)
alwaysLowered | yes/no | The specified window is hidden behind all windows
alwaysRaised | yes/no | The specified window is suspended above all windows
depended | yes/no | Whether to close the parent window at the same time
directories | yes/no | whether the directory bar of Nav2 and 3 is visible
height | pixel value | window height
hotkeys | yes/no | whether A safe exit hotkey is set in the window of the menu bar
innerHeight | pixel value | The pixel height of the document in the window
innerWidth | pixel value | The pixel width of the document in the window
location | yes/no | whether the location bar is Visible
menubar | yes/no | Whether the menu bar is visible
outerHeight | pixel value | Set the pixel height of the window (including decorative borders)
outerWidth | pixel value | Set the pixel height of the window (including decorative borders) Pixel width
resizable | yes/no | Whether the window size is resizable
screenX | pixel value | The pixel length of the window from the left edge of the screen
screenY | pixel value | The pixel length of the window from the upper edge of the screen
scrollbars | yes/no | Whether the window can have a scroll bar
titlebar | yes/no | Whether the window title bar is visible
toolbar | yes/no | Whether the window toolbar is visible
Width | pixel value | Window Pixel width
z-look | yes/no | Whether the window floats above other windows after it is activated

Copy code The code is as follows:

<SCRIPT> <br>window.open(' page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no, status=no' ) <br></SCRIPT> 

< span style="font-family:Microsoft YaHei; font-size:14px"> Two.< span style="font-family:'Hiragino Sans GB W3','Hiragino Sans GB',Arial,Helvetica,simsun,u5b8bu4f53; font-size:16px; text-indent:32px; color:rgb(76,76,76 ); line-height:28px">showModalDialog

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
sURL required parameter, 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 passes
sFeatures optional parameter, 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 ";".
window.dialogArguments to get the parameters passed in.

1.dialogHeight: Dialog height, not less than 100px. The default units of dialogHeight and dialogWidth in IE4 are em, while in IE5 it is px. For convenience, when defining a modal dialog box, use px is the unit.
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 the window is centered, 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 }: Indicates whether the dialog box displays 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.

//parent.htm

Copy code The code is as follows:

<script> <br>var obj = new Object(); <br>obj .name="51js"; <br>window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px"); <br></script> <br>//modal.htm <br><script> <br>var obj = window.dialogArguments <br>alert("The parameter you passed is: " obj.name) <br></script>

< ;/p>

//-------------------------- ------------------

///2. You can use window.returnValue to return information to the window where the dialog box is opened. Of course, it can also be an object. For example:

//-----------------------------

< ;p>

//parent.htm <br><script> <br>str = window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px"); <br>alert(str); <br></script> <br>//modal.htm <br>&lt ;script> <br>window.returnValue="http://www.bokee.com"; <br></script>

< ;p>

1. To jump directly in the original form, use

window.location.href="The page you want to jump to";< ;br>
2. To open a page in a new form:

window.open('The page you want to jump to');

window.history.back(-1);Return to the previous page

>