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 $.ajax入门应用二
Nov 19 Javascript
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
Apr 10 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
Nov 23 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 Javascript
JavaScript 类的封装操作示例详解
May 16 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
咖啡与牛奶
2021/03/03 冲泡冲煮
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
2014/06/22 Javascript
jQuery插件实现多级联动菜单效果
2015/12/01 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
JS结合bootstrap实现基本的增删改查功能
2016/07/22 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
基于vue的短信验证码倒计时demo
2017/09/13 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
JS原生瀑布流效果实现
2019/04/26 Javascript
ES6数组与对象的解构赋值详解
2019/06/14 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
进一步探究Python中的正则表达式
2015/04/28 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
与Django结合利用模型对上传图片预测的实例详解
2019/08/07 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
Python龙贝格法求积分实例
2020/02/29 Python
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
仓库主管的岗位职责
2013/12/04 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
工作态度不好检讨书
2015/05/06 职场文书
考试没考好检讨书
2015/05/06 职场文书
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/06 其他游戏