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


Posted in Javascript onFebruary 01, 2007

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>

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

Javascript 相关文章推荐
js模拟弹出效果代码修正版
Aug 07 Javascript
JS获取html对象的几种方式介绍
Dec 05 Javascript
深入解析JavaScript中的变量作用域
Dec 06 Javascript
javascript读写json示例
Apr 11 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
JavaScript限定图片显示大小的方法
Mar 11 Javascript
jQuery mobile 移动web(6)
Dec 20 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
jQuery中Chosen三级联动功能实例代码
Mar 07 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
Ajax实现异步加载数据
Nov 17 Javascript
做网页的一些技巧(续)
Feb 01 #Javascript
javascript的函数
Jan 31 #Javascript
Flash对联广告的关闭按钮讨论
Jan 30 #Javascript
Js之软键盘实现(js源码)
Jan 30 #Javascript
关于图片验证码设计的思考
Jan 29 #Javascript
一些易混淆且不常用的属性,希望有用
Jan 29 #Javascript
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
Jan 29 #Javascript
You might like
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
php 静态化实现代码
2009/03/20 PHP
使用PHP接收POST数据,解析json数据
2013/06/28 PHP
php+highchats生成动态统计图
2014/05/21 PHP
十大使用PHP框架的理由
2015/09/26 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
表单(FORM)的一些实用效果代码
2007/03/25 Javascript
Kibo 用于处理键盘事件的Javascript工具库
2011/10/28 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
不要使用jQuery触发原生事件的方法
2014/03/03 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
jquery控制表单输入框显示默认值的方法
2015/05/22 Javascript
学习JavaScript设计模式(多态)
2015/11/25 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
详解javascript中的Error对象
2019/04/25 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
Python实现读取文件最后n行的方法
2017/02/23 Python
Python模拟用户登录验证
2017/09/11 Python
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
python list多级排序知识点总结
2019/10/23 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
简单了解python列表和元组的区别
2020/05/14 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
HTMl5的存储方式sessionStorage和localStorage详解
2014/03/18 HTML / CSS
优秀员工自荐信范文
2013/10/05 职场文书
公司财务工作总结的自我评价
2013/11/23 职场文书
大学生涯自我鉴定
2014/01/16 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫
Python使用openpyxl模块处理Excel文件
2022/06/05 Python