js 打开新页面在屏幕中间的实现方法


Posted in Javascript onNovember 02, 2016
<a href="javascript:void(0)" onclick="window.open('https://3water.com', 'newwindow', 'height=500, width=900, top='+Math.round((window.screen.height)/2<span style="font-family: Arial, Helvetica, sans-serif;">-250</span><span style="font-family: Arial, Helvetica, sans-serif;">)+',left='+Math.round((window.screen.width)/2</span><span style="font-family: Arial, Helvetica, sans-serif;">-450</span><span style="font-family: Arial, Helvetica, sans-serif;">)+',toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')">同意交换</a></span>
</pre><pre code_snippet_id="1613432" snippet_file_name="blog_20160317_3_5070514" name="code" class="html">
<pre name="code" class="html"><script> 
function openwin(){ 
var width=Math.round((window.screen.width)/2<span style="font-family: Arial, Helvetica, sans-serif;">-400</span>); 
var height=Math.round((window.screen.height)/2<span style="font-family: Arial, Helvetica, sans-serif;">-200</span><span style="font-family: Arial, Helvetica, sans-serif;">);</span> 
window.open('https://3water.com', 'newwindow', 'height=200, width=400, top='+height+',left='+width+',toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') 
} 
</script> 
<a href="javascript:void(0)" onclick="openwin();">同意交换</a>
<div id="cnblogs_post_body"><pre class="best-text mb-10">===================各项参数============

其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数 取值范围 说明
alwaysLowered yes/no 指定窗口隐藏在所有窗口之后
alwaysRaised yes/no 指定窗口悬浮在所有窗口之上
depended yes/no 是否和父窗口同时关闭
directories yes/no Nav2和3的目录栏是否可见
height pixel value 窗口高度
hotkeys yes/no 在没菜单栏的窗口中设安全退出热键
innerHeight pixel value 窗口中文档的像素高度
innerWidth pixel value 窗口中文档的像素宽度
location yes/no 位置栏是否可见
menubar yes/no 菜单栏是否可见
outerHeight pixel value 设定窗口(包括装饰边框)的像素高度
outerWidth pixel value 设定窗口(包括装饰边框)的像素宽度
resizable yes/no 窗口大小是否可调整
screenX pixel value 窗口距屏幕左边界的像素长度
screenY pixel value 窗口距屏幕上边界的像素长度
scrollbars yes/no 窗口是否可有滚动栏
titlebar yes/no 窗口题目栏是否可见
toolbar yes/no 窗口工具栏是否可见
Width pixel value 窗口的像素宽度
z-look yes/no 窗口被激活后是否浮在其它窗口之上

以上就是小编为大家带来的js 打开新页面在屏幕中间的实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jQuery 使用手册(二)
Sep 23 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
Mar 21 Javascript
javascript中var的重要性分析
Feb 11 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
JavaScript设计模式经典之工厂模式
Feb 24 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
Apr 01 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
Jan 05 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
Mar 19 Javascript
使用express获取微信小程序二维码小记
May 21 Javascript
浅谈一个webpack构建速度优化误区
Jun 24 Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 12 Javascript
jQuery图片切换动画特效
Nov 02 #Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 #Javascript
AngularJS入门教程之MVC架构实例分析
Nov 01 #Javascript
bootstrap table复杂操作代码
Nov 01 #Javascript
bootstrap flask登录页面编写实例
Nov 01 #Javascript
JS弹出窗口的运用与技巧大全
Nov 01 #Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 #Javascript
You might like
PHP安全配置
2006/10/09 PHP
实用函数7
2007/11/08 PHP
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
js实现网页抽奖实例
2015/08/05 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
详解如何在NodeJS项目中优雅的使用ES6
2017/04/22 NodeJs
JavaScript中Hoisting详解 (变量提升与函数声明提升)
2017/08/18 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
2019/04/02 Javascript
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python全局变量用法实例分析
2016/07/19 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
python在地图上画比例的实例详解
2020/11/13 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
英国现代绅士品牌:Hackett
2017/12/17 全球购物
学院书画协会部门职责
2013/11/28 职场文书
会计学个人自荐信模板
2013/12/13 职场文书
新学期班主任寄语
2014/01/18 职场文书
幼儿教师国培感言
2014/02/19 职场文书
2014年社区植树节活动方案
2014/02/28 职场文书
春节联欢会主持词
2014/03/24 职场文书
找工作求职信
2014/07/07 职场文书
金融管理专业求职信
2014/07/10 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书
Jupyter notebook 输出部分显示不全的解决方案
2021/04/24 Python
python for循环赋值问题
2021/06/03 Python