The following code collection is a common pop-up window usage.
1, the most basic pop-up window code
The following is a reference fragment:
<script language= "JavaScript" >
<!--
window.open (' page.html ')
-->
</SCRIPT>
The code is placed between the <script language= "JavaScript" > tags and </script>.
<!--and--> are working on some of the lower-version browsers.
window.open (' page.html ') is used to control the pop-up of the new window page.html, if page.html is not in the same path as the main window, before the path, absolute path (http://) and relative path (...) should be specified. /) are available. Both single and double quotes are OK, just don't mix.
This piece of code can be added anywhere in HTML,
2, after setting up the pop-up window
Customize the appearance of this pop-up window, size, and pop-up position to fit the specific situation of the page.
The following is a reference fragment:
<script language= "JavaScript" >
<!--
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 ')
Write a line
-->
</SCRIPT>
Parameter explanation:
The following is a reference fragment:
<script language= "javascript" > JS script started;
window.open the command to eject a new window;
The filename of the ' page.html ' pop-up window;
' NewWindow ' pop-up window name (not filename), not required, available null ' instead;
height=100 window height;
width=400 window width;
The pixel value of the Top=0 window from the top of the screen;
The pixel value of the left=0 window from the left side of the screen;
Toolbar=no whether the toolbar is displayed, yes for display;
Menubar,scrollbars represents the menu bar and scroll bar.
Resizable=no whether to allow changes to the window size, yes to allow;
Location=no whether the address bar is displayed, yes is allowed;
Status=no whether the information in the status bar is displayed (usually the file is open), yes to allow;
</SCRIPT>
JS Script End
3. Control pop-up window with function
A complete code demonstration
The following is a reference fragment:
<script language= "JavaScript" >
<!--
function Openwin () {window.open ("page.html", "NewWindow", "height=100, width=400, toolbar= No, Menubar=no, scrollbars=n O, Resizable=no, Location=no, Status=no ")
Write a line
}
-->
</script>
<body >
... Any page content ...
</body>
A function Openwin () is defined here, and the function content is to open a window. There is no use before calling it.
How to call it?
Method One: <body > Browser pop-up window when reading the page;
Method Two: <body onunload= "Openwin ()" > Browser out of the page pop-up window;
Method Three: Call with a connection:
<a href= "#" > Open a Window </a>
Note: The "#" used is a virtual connection.
Method Four: Use a button to invoke:
<input type= "button" value= "open Window" >
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
