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 打开新页面在屏幕中间的实现方法全部内容了,希望大家多多支持脚本之家~

相关文章

  • 使用typescript类型来实现快排详情

    使用typescript类型来实现快排详情

    这篇文章主要介绍了使用typescript类型来实现快排详情,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • JavaScript如何实现数组内的值累加

    JavaScript如何实现数组内的值累加

    我们会经常在开发过程中,需要获取数组中的值累加,所以下面这篇文章主要给大家介绍了关于JavaScript如何实现数组内的值累加的相关资料,文中给出了详细的代码示例,需要的朋友可以参考下
    2023-11-11
  • js实现的修改div里img标签的src属性

    js实现的修改div里img标签的src属性

    js实现的修改div里img标签的src属性...
    2007-09-09
  • javascript中运用闭包和自执行函数解决大量的全局变量问题

    javascript中运用闭包和自执行函数解决大量的全局变量问题

    做为一个javascript新手,为了程式的简便,可能会在javascript中运用了大量的全局变量,虽然一时看来,问题解决了,而且也可能让编码变得更加的简单。
    2010-12-12
  • 5分钟打造简易高效的webpack常用配置

    5分钟打造简易高效的webpack常用配置

    这篇文章主要介绍了5分钟打造简易高效的webpack配置,详细的介绍了打包调试、提取公共代码、压缩、热替换等配置,有兴趣的可以了解一下
    2017-07-07
  • 微信小程序获取用户头像昵称组件封装实例(最新版)

    微信小程序获取用户头像昵称组件封装实例(最新版)

    我们在进行小程序开发的时候,往往需要获取微信用户的部分个人信息,常见的有用户头像,昵称等,下面这篇文章主要给大家介绍了关于微信小程序获取用户头像昵称组件封装的相关资料,需要的朋友可以参考下
    2022-12-12
  • 夯基础之手撕javascript继承详解

    夯基础之手撕javascript继承详解

    这篇文章主要给大家介绍了关于手撕javascript继承的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • 使用JavaScript构建JSON格式字符串实现步骤

    使用JavaScript构建JSON格式字符串实现步骤

    这篇文章将帮助你使用javascript来创建json格式字符串如果你需要通过web项目来构建json格式字符串的响应,感兴趣的各位可以参考下哈,希望可以帮助到你
    2013-03-03
  • JS函数节流和防抖之间的区分和实现详解

    JS函数节流和防抖之间的区分和实现详解

    本文主要介绍的是关于JS中比较常用的函数:节流函数和防抖函数,从概念、使用场景到代码简单实现做了一个详细的区分。感兴趣的小伙伴们可以参考一下
    2019-01-01
  • JavaScript实现网页版五子棋游戏

    JavaScript实现网页版五子棋游戏

    这篇文章主要为大家详细介绍了JavaScript实现网页版五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07

最新评论