window.open打开新窗口屏幕居中

10 篇文章 0 订阅

方法:

<script>
			function openWin(url,name,newWinWidth,newWinHeight){
				var winWidth=screen.width;  //获取屏幕宽度
				var winHeight=screen.height;  //获取屏幕高度
				//获取新窗口距离屏幕左侧的位置
				var left=(winWidth-newWinWidth)/2;  
				//获取新窗口距离屏幕顶部的位置
				var top=(winHeight-newWinHeight)/2;
				window.open(url,name,'width='+newWinWidth+',height='+newWinHeight+',left='+left+',top='+top+',toolbar=no,menubar=no,location=no,status=no');
				//name:弹出窗口的名字,可不填,用''代替
				//toolbar=no 是否显示工具栏。yes为显示
				//menubar=no 是否显示菜单栏。yes为显示
				//location=no 是否显示地址字段。yes为显示
				//status=no 是否添加状态栏。yes为可以
			}
		</script> 

方法的调用:

<a href="javascript:void(0);" οnclick="openWin('new.html','',400,200)">跳转到a</a>

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
水晶蓝色的弹窗,兼容主流浏览器。提取自ZCMS的弹出框:代替window.open、window.alert、window.confirm;提供良好的用户体验;   水晶质感,设计细腻,外观漂亮;   兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透;   无外部css文件,引用Dialog.js即可使用;   对iframe下的应用作了充分考虑,适合复杂的系统应用;   Dialog显示的内容(三种):1、指向一个URL的iframe窗口;2、页面内隐藏的元素中的html内容;3、直接输出一段html内容;   按ESC键可关闭弹出框;      主调函数参数说明:   Dialog.open({ID,Title,URL,InnerHtml,InvokeElementId,Width,Height,Top,Left,Drag,OKEvent,ShowButtonRow,   MessageTitle,Message,AutoClose,OnLoad})   ID:窗口id号,可省略。每个窗口的id必须是唯一的不能重复。   Title:窗口标题。如不写此项默认值为""。   URL: 窗口内容页地址,或使用相对路径或绝对路径,注意如果使用http://www.host.com形式的绝对地址,则http://不能省略。   InnerHtml: 窗口内容html代码,用于直接输出html内容,注意不要让生成的内容因为不适当的宽度或定位方式而破坏了Dialog的外观。   InvokeElementId: 本页面内隐藏的元素的id,用于显示页面内隐藏的元素中的html内容,注意不要让内容因为不适当的宽度或定位方式而破坏了Dialog的外观。   Width:窗口宽度(dialog内容区宽度),值为数值型,默认值为窗口可见宽的40%。   Height:窗口高度(dialog内容区高度),值为数值型,默认值为窗口可见宽的20%。   Left:窗口距浏览器左边距离,值为数值型或字符串型(当使用百分比时为字符串型),如Left:"0%",Top:"0%"为左上,Left:"50%",Top:"50%"为居中,Left:"100%",Top:"100%"为右下。   Top:窗口距浏览器顶端距离,值为数值型或字符串型(百分比)。   Drag:是否允许拖动窗口,值为布尔型(true|false),默认值为true,注意需要页面引用了Drag.js。   OKEvent:点击确定按钮后执行的函数。   CancelEvent:点击取消按钮或点击关闭按钮后执行的函数,默认为关闭本Dialog。   ShowButtonRow:是否不显示按钮栏,值为布尔型(true|false),默认值为false,当定义了OKEvent或调用了addButton时自动设为true。   MessageTitle,Message:自定义的窗口说明栏中的小标题和说明。   ShowMessageRow:是否显示窗口说明栏,值为布尔型(true|false),默认值为false,当定义了MessageTitle或Message时自动设为true。   AutoClose:是否自行关闭,值为数值型,默认值为false。   OnLoad:窗口内容载入完成后执行的程序,值为函数型。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LLL_LH

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值