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

鑫發殡葬用品

鑫發殡葬用品

2016-02-19 10:49

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

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');
 }

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

window.open的功能全解析

Web开发
window.open的功能全解析

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript静态页面值传递:Window.open篇

Web开发
JavaScript静态页面值传递:Window.open篇

一种在父窗口中得知window.open()出的子窗口关闭事件的方法

ASP
一种在父窗口中得知window.open()出的子窗口关闭事件的方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

解决javascript中的window.open返回object的错误

Web开发
解决javascript中的window.open返回object的错误

JavaScript中的Window窗口对象

Web开发
JavaScript中的Window窗口对象

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

android开发之横向滚动/竖向滚动的ListView(固定列头)

android开发之横向滚动/竖向滚动的ListView(固定列头)

分享我学习js的过程 作者aircy javascript学习教程

分享我学习js的过程 作者aircy javascript学习教程
下拉加载更多内容 ↓