Home > Developer > Web Develop

JavaScript special effect instance 005-control the center display in the pop-up window, javascript005-

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

JavaScript special effect instance 005-control the center display in the pop-up window, javascript005-
In the instance 005 control pop-up window, center displays the instance description, click the button on the page, and the window is centered. Technical points this example first applies the open () method of the window object in JavaScript to open a new window of the specified size, and then obtains the screen resolution through the screen object, then, based on the obtained value, move the new window to the center position of the screen using the moveTo () method of the window object. The moveTo () method moves the window to the specified coordinate (x, y). The syntax format is as follows.

window.moveTo(x,y)

The x and y parameters indicate the coordinates at which the window is moved. The screen object is a screen object in JavaScript, reflecting the screen settings of the current user.
Common Properties of screen objects
Attribute Description
Width Horizontal size of the user's entire screen, in pixels
Height The vertical size of the entire screen, in pixels.
PixelDepth The number of digits in each pixel of the monitor.
ColorDepth Returns the number of digits used in the current color settings. 1 indicates black and white, 8 indicates 256 colors, 16 indicates enhancement colors, and 24/32 indicates true colors.
Color. The 8-bit color supports 256 colors, and the 16-bit color (usually called "enhanced color") supports about 64000 colors.
The 24-digit color (usually called "true color") supports about 16 million colors.
AvailHeight Returns the vertical size of the window content area, in pixels.
AvailWidth Returns the horizontal size of the window content area, in pixels.
Current process 1. window to be popped up new.html 
<Html> 2.The page index.html of the current function

<Span style = "font-size: 14px;"> Note: The content of the style label is css. We focus on the content in the script label. In this way, our instance is ready.

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
wordpress the field display special characters in html pop up window blocker safari pop up window blocker chrome escape special characters in javascript how to display special characters in html window header location in javascript

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More