Home > Developer > JavaScript
The dialog box can be divided into the mode dialog box and the mode-free dialog box. The difference between the two is whether the user can work in other places of the same application before the dialog box is closed. Example: The open file dialog box is a typical mode dialog box. You can perform other operations in the same application only after you select the file to be opened and press OK, or cancel the file opening operation. The common search and replace dialog box is a typical non-mode dialog box. When this dialog box is opened, we can do other work. The Mode Dialog Box always keeps focus. The window cannot be switched unless the dialog box is closed. In the mode-free dialog box, the focus is not always maintained, but the focus is always displayed at the frontend.
Pop-up webpage window full introduction (html/hta)
1. Pop up a full screen window
<Html>
<Body onload = "window. open (http://www.bkjia.com, example01, fullscreen);">;
<B> www.bkjia.com </B>
</Body>
</Html>
2. Pop up a window after F11
<Html>
<Body onload = "window. open (http://www.bkjia.com, example02, channelmode);">;
<B> www.bkjia.com </B>
</Body>
</Html>
3. Pop up a window with the toolbar of the favorite Link
<Html>
<Body onload = "window. open (http://www.bkjia.com, example03, width = 400, height = 300, directories);">
<B> www.bkjia.com </B>
</Body>
</Html>
4. webpage dialog box
<Html>
<Script language = "javascript">
<! --
ShowModalDialog (http://www.bkjia.com, example04, dialogWidth: 400px; dialogHeight: 300px;
DialogLeft: 200px; dialogTop: 150px; center: yes; help: yes; resizable: yes; status: yes)
// -->
</SCRIPT>
<B> www.bkjia.com </B>
</Body>
</Html>
<Html>
<Script language = "javascript">
<! --
ShowModelessDialog (http://www.pconline.com.cn, example05, dialogWidth: 400px; dialogHeight: 300px;
DialogLeft: 200px; dialogTop: 150px; center: yes; help: yes; resizable: yes; status: yes)
// -->
</SCRIPT>
<B> http://www.bkjia.com </B>
</Body>
</Html>
ShowModalDialog () or showModelessDialog () to call the webpage dialog box. The difference between showModalDialog () and showModelessDialog () lies in the window opened by showModalDialog () (mode window ), set it to the parent window. You must close the window to access the parent window (we recommend that you use it as little as possible to avoid dislike). showModelessDialog () (no mode window for short ), you can access the window opened in the parent window without closing the window.
DialogHeight: the height of the window in the iHeight Setting dialog box.
DialogWidth: iWidth: Set the window width in the dialog box.
DialogLeft: left position in the dialog box relative to the upper left corner of the desktop.
DialogTop: the top position in the window of the iYPos Setting Dialog Box relative to the top left corner of the desktop.
Center: {yes | no | 1 | 0} specifies whether to center the dialog box on the desktop. The default value is "yes ".
Help: {yes | no | 1 | 0} specifies whether the context-sensitive help icon is displayed in the dialog box. The default value is "yes ".
Resizable: {yes | no | 1 | 0} specifies whether the dialog box window size is variable. The default value is "no ".
Status: {yes | no | 1 | 0} specifies whether the status bar is displayed in the dialog box. For non-mode dialog box windows, the default value is "yes"; for mode dialog box windows, the default value is "no ".
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
