window.open()弹出居中的窗口

2016-02-19 10:49 103 1 收藏

下面图老师小编要向大家介绍下window.open()弹出居中的窗口,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

Javascript代码

function openwindow(url,name,iWidth,iHeight)
 {
  var url;                                 //转向网页的地址;
  var name;                           //网页名称,可为空;
  var iWidth;                          //弹出窗口的宽度;
  var iHeight;                        //弹出窗口的高度;
  var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
  var iLeft = (window.screen.availWidth-10-iWidth)/2;           //获得窗口的水平位置;
  window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
 }

使用时调用这个函数即可。如:

a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);"转到a/a

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

缺点:与原窗口的大小,位置无关。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1595851.html

延伸阅读
    1.弹启一个全屏窗口 <html> <body onload="window.open(' http://www.e3i5.com','example01','fullscreen');"> <b>www.e3i5.com</b> </body> </html>     2.弹启一个被F11化后的窗口 <html> <body onload="window.open(' http://www.e3i5.com','example02','channelm...
标签: Java JAVA基础
【3、用函数控制弹出窗口】 下面是一个完整的代码: 〈html〉 〈head〉 〈script LANGUAGE="JavaScript"〉 〈!-- function openwin() { window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写...
标签: Java JAVA基础
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最...
标签: Java JAVA基础
【5、主窗口打开文件1.htm,同时弹出小窗口page.html】 如下代码加入主窗口〈head〉区: 〈script language="javascript"〉 〈!-- function openwin() { window.open("page.html","","width=200,height=200") } //--〉 〈/script〉 加入〈body〉区: 〈a href="1.htm" onclick="openwi...
标签: 电脑入门
我们在上网或使用电脑时常会碰到一些弹出警告窗口,但是弹出窗口中的文字一般都无法复制下来,如果遇到系统弹出窗口报错,我们一般都会上网查原因,这时我们就需要一个字一个字输入非常麻烦,那有什么好的方法吗? 图老师小编今天就为大家支支招,介绍两种复制窗口文字的方法。有了下面介绍的方法,窗口的文字复制下来,直接粘贴到目标处就可...

经验教程

96

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部