JavaScript让window.open()弹出窗口居中效果下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript让window.open()弹出窗口居中效果下载

window.open()函数能够以弹出窗口的形式显示一个网页，下面就介绍一下如何让其实现居中效果。

代码实例如下:

一.静态页面HTML代码:

[ 其他 ] 运行代码下载代码

<script>
<a href="javascript:void(0);">点击</a>
</script>

二.javascript代码:

[ 其他 ] 运行代码下载代码

<script>
function openwindow(url,name,iWidth,iHeight)  {  
  //url转向网页的地址   
  //name网页名称，可为空   
  //iWidth弹出窗口的宽度   
  //iHeight弹出窗口的高度   
  //window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽   
  var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置;   
  var iLeft = (window.screen.width-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');  
}
</script>

代码描述：JavaScript 让window.open()弹出窗口居中。JavaScript让window.open()弹出窗口居中效果下载

下载全部收藏

187 250

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册