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

2016-02-19 10:49 101 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

缺点：与原窗口的大小，位置无关。

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

上一篇： android开发之横向滚动/竖向滚动的ListView(固定列头)
下一篇：分享我学习js的过程作者aircy javascript学习教程

看过《window.open()弹出居中的窗口》的人还看了以下文章更多>>

window.open()弹出居中的窗口 02-19
window.open的功能全解析 02-19
JavaScript静态页面值传递:Window.open篇 02-20
一种在父窗口中得知window.open()出的子窗口关闭事件的方法 01-29
解决javascript中的window.open返回object的错误 02-19
JavaScript中的Window窗口对象 02-19
Dreamweaver教程：弹出窗口 02-19
制作弹出公告窗口 02-19
javascript 控制弹出窗口 02-19
小窗口大学问--玩转弹出窗口(1) 01-29

小窗口大学问--玩转弹出窗口(3)

标签： 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...

IE怎么防止弹出窗口？

标签：浏览器

IE怎么防止弹出窗口？在浏览网页的时候，网站会弹出广告窗口，怎么防止这些弹出窗口呢? 在使用IE浏览器浏览网站的时候，如果网站有弹出窗口，则会自动将其阻止并发出声音提示。 1.临时允许弹出窗口如果需要查看被阻止的弹出窗口，可以临时允许弹出窗口。单击安全条，在弹出的菜单中选择临时允许弹出窗口。以后...

多种网页弹出窗口代码

标签： Html CSS布局 Div+CSS XHTML

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...

小窗口大学问--玩转弹出窗口(2)

标签： 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") //写...

弹出窗口文字复制方法

标签：电脑入门

我们在上网或使用电脑时常会碰到一些弹出警告窗口，但是弹出窗口中的文字一般都无法复制下来，如果遇到系统弹出窗口报错，我们一般都会上网查原因，这时我们就需要一个字一个字输入非常麻烦，那有什么好的方法吗？图老师小编今天就为大家支支招，介绍两种复制窗口文字的方法。有了下面介绍的方法,窗口的文字复制下来,直接粘贴到目标处就可...

查看更多精彩>>