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

 更新时间:2016年11月02日 08:46:16   投稿:jingxian  
下面小编就为大家带来一篇js 打开新页面在屏幕中间的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
<a href="javascript:void(0)" onclick="window.open('https://www.jb51.net', '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://www.jb51.net', '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 new对象的四个过程实例浅析

    JavaScript new对象的四个过程实例浅析

    这篇文章主要介绍了JavaScript new对象的四个过程,结合实例形式简单分析了javascript面向对象程序设计中new对象的四个过程相关原理与实现方法,需要的朋友可以参考下
    2018-07-07
  • JS对象创建的几种方式整理

    JS对象创建的几种方式整理

    本文主要介绍了JS对象创建的几种方式,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 微信小程序换肤功能实现代码(思路详解)

    微信小程序换肤功能实现代码(思路详解)

    这篇文章主要介绍了微信小程序换肤功能实现代码,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • JavaScript获取时区实现过程解析

    JavaScript获取时区实现过程解析

    这篇文章主要介绍了JavaScript获取时区实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • JS匿名函数内部this指向问题详析

    JS匿名函数内部this指向问题详析

    这篇文章主要给大家介绍了关于JS匿名函数内部this指向的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • Invalid Host header问题该如何解决的几种方式

    Invalid Host header问题该如何解决的几种方式

    Invalid Host header是一个常见的错误信息,通常发生在Web应用程序中,下面这篇文章主要给大家介绍了关于Invalid Host header问题该如何解决的几种方式,需要的朋友可以参考下
    2024-09-09
  • javascript 常用方法总结

    javascript 常用方法总结

    javascript 常用方法 ,比较不错大家可以参考下。
    2009-06-06
  • js判断节假日实例代码

    js判断节假日实例代码

    因为要做一个日历控件,遇到国家法定节假日,怎么实现此功能呢?其实实现代码很简单的,下面小编给大家分享js判断节假日实例代码,需要的朋友参考下吧
    2017-12-12
  • javascript中利用柯里化函数实现bind方法

    javascript中利用柯里化函数实现bind方法

    这篇文章主要为大家详细介绍了javascript中利用柯里化函数实现bind方法,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • javascript getElementById 使用方法及用法

    javascript getElementById 使用方法及用法

    顾明思义,get-Element-By-Id,就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签,条件很简单就是给每个标签分配一个ID号
    2008-11-11

最新评论