window.open打开页面居中显示的示例代码


Posted in Javascript onDecember 27, 2013

1.js

<script type="text/javascript">  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> 

2.调用方法
<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">转到a</a>
Javascript 相关文章推荐
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
JS实现网页抢购功能(触发,终止脚本)
Nov 27 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
Apr 17 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
原生Javascript+HTML5一步步实现拖拽排序
Jun 12 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
Dec 27 #Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 #Javascript
JS 数字转换研究总结
Dec 26 #Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 #Javascript
js几秒以后倒计时跳转示例
Dec 26 #Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 #Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
Dec 26 #Javascript
You might like
php扩展ZF――Validate扩展
2008/01/10 PHP
基于PHP生成静态页的实现方法
2013/05/10 PHP
PHP多进程通信-消息队列使用
2019/03/08 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
Thinkphp5框架实现获取数据库数据到视图的方法
2019/08/14 PHP
JavaScript Event学习第九章 鼠标事件
2010/02/08 Javascript
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
2010/03/15 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
客户端js性能优化小技巧整理
2013/11/05 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
生成二维码方法汇总
2014/12/26 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
Windows系统中安装nodejs图文教程
2015/02/28 NodeJs
JQuery给网页更换皮肤的方法
2015/05/30 Javascript
微信支付如何实现内置浏览器的H5页面支付
2015/09/25 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
jQuery分组选择器简单用法示例
2019/04/04 jQuery
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
Python unittest模块用法实例分析
2018/05/25 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
python json.loads兼容单引号数据的方法
2018/12/19 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
python 错误处理 assert详解
2020/04/20 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
企业车辆管理制度
2014/01/24 职场文书
《落花生》教学反思
2014/02/25 职场文书
秘书英文求职信
2014/04/16 职场文书
微笑服务演讲稿
2014/05/13 职场文书
升学宴学生答谢词
2015/01/05 职场文书
2015年国庆节寄语
2015/08/17 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
Linux系统下MySQL配置主从分离的步骤
2022/03/21 MySQL