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 单引号和双引号的区别及使用注意
Jul 31 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
JS实现让访问者自助选择网页文字颜色的方法
Feb 24 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
Aug 25 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
通过js示例讲解时间复杂度与空间复杂度
Aug 06 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
JS实现长图上下滚动效果
Mar 19 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 操作excel文件的方法小结
2009/12/31 PHP
PHP5中实现多态的两种方法实例分享
2014/04/21 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
Nginx环境下PHP flush失效的解决方法
2016/10/19 PHP
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
vue中如何使用ztree
2018/02/06 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
Python缩进和冒号详解
2016/06/01 Python
全面理解Python中self的用法
2016/06/04 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
django使用LDAP验证的方法示例
2018/12/10 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
详解python深浅拷贝区别
2019/06/24 Python
Django ORM 常用字段与不常用字段汇总
2019/08/09 Python
关于python字符串方法分类详解
2019/08/20 Python
Python实现汇率转换操作
2020/05/03 Python
如何一键升级Python所有包
2020/11/05 Python
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
悬挂训练绳:TRX
2017/12/14 全球购物
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
司机检讨书
2014/02/13 职场文书
手机被没收的检讨书
2014/10/04 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL
nginx 添加http_stub_status_module模块
2022/05/25 Servers