JavaScript base window.open (url,name,options) pops up a new window screen centered display gets the effective width of the screen

Source: Internet
Author: User

Town Field Poem:
The Pure Heart sentiment wisdom language, does not have the world name and the benefit. Learn water under the hundred rivers, give up arrogant slow meaning.
Learn to have a small return to feed root, willing to cast a conscience blog. Sincere in this writing experience, willing to see the text to inspire.
——————————————————————————————————————————

Code

1 <!DOCTYPE HTML>2 <HTML>3 <Head>4     <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/>5     <title></title>6     <Scripttype= "Text/javascript">7         /*8 window.open (url,name,options);9 Ten URL: Prepare the displayed file One Name: The names of the new windows, give the <a> tag the target property to use A              - left: The distance between the new window and your screen - top: The distance from the top of the screen to the new window the MenuBar: Whether the menu bar is displayed - toolbar: Whether to show toolbars - Status : Whether to show the State bar -  + returns a variable of a Window object -         */ +  A         //pop up a new window screen centered display at         functionInit () -         { -             varUrlnewpage= "http://wwww.baidu.com";//The address of the new page that opens is empty -             varNamenewpage= "NewWindow";//The name of the new page that opens is NewWindow -             varHeightnewpage=  -;//The height of the new page that opens -             varWidthnewpage=  -; //The width of the new page that opens in  -             varWidthscreen=Screen.availwidth;//the effective width of the screen does not include the taskbar to             varHeightscreen=Screen.availheight;//the effective height of the screen does not include the height of the taskbar +  -             varx=(Widthscreen-widthnewpage)/ 2; the             vary=(Heightscreen-heightnewpage)/ 2- -;//The address bar is not to go away, so the content should be centered as far as possible, need-xxx *                                                                 //to write the left after writing top, you can. The first time I reversed the order, the error.  $             varOptionsfornewpage= "width=" +Widthnewpage+ ", height=" +Heightnewpage+", left="+x+", top="+y;Panax Notoginseng             //Open -             varWinObj=window.open (Urlnewpage, Namenewpage, optionsfornewpage); the         } +  A  the  +     </Script> - </Head> $ <Bodyonload= "Init ()"> $ When the page load is complete, execute init () - </Body> - </HTML>



Result

(⊙o⊙) ..., this effect does not show up ...

The desktop is too messy ... Ashamed, ashamed.

——————————————————————————————————————————
The essence of the blog, in the technical part, more in the town yard a poem. ide:vs2015; Browser: Firefox.
Html+css+js, strong, worth studying hard. The video tutorial of the Preach Intelligence podcast is my Learning Resource, recommended.
If there are any improvements to the blog post, please leave a comment and I'll think it over.

Note: Because Bo Master realm is not enough, so this article only for testing and reference use, not for other purposes. The terms of use are accepted on your behalf when you refer to the content of your blog.

JavaScript base window.open (url,name,options) pops up a new window screen centered display gets the effective width of the screen

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.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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