一、基本的语法:
window.open(pageURL,name,parameters)
当中:
pageURL 为子窗体路径
name  为子窗体名字
parameters 为窗体參数(各參数用逗号分隔)

二、演示样例

<script type="text/javascript">window.open('page.html','newwindow','height=500,width=800,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
</script>

page.html将在新窗体newwindow中打开,宽为800,高为500,距屏顶0象素,屏左0象素,

无工具条,无菜单条,无滚动栏,不可调整大小,无地址栏,无状态栏。

各浏览器对window.open()的窗体特征sFeatures參数支持程度存在差异

各浏览器执行结果汇总:

上表中为各个浏览器对 features 各參数选项的支持程度,当中须要特殊说明的例如以下:

【标注1】:IE7 IE8 Firefox Chrome Safari 中,当"menubar"选项为"yes"时,默认不显示菜单条,须要按ALT键后菜单条才可显示;相反当 "menubar"选项为"no"时,即使按了ALT键也不会显示菜单条。
【标注2】:Safari中,开启"location"选项与开启"toolbar"选项时显示效果一致。
【标注3】:IE6 IE8 Chrome 中,使用"top"和"left"定位,假设出现设定的的坐标值过大,弹出窗体将可能显示在屏幕可视范围外。
【标注4】:IE7 Firefox Safari Opera中,使用"top"和"left"定位,假设出现设定的的坐标值过大,窗体会自己主动调整"top"与"left"值,确保窗体正常显示在屏幕可视区域内。
【标注5】:Chrome Opera中,不支持在没有设定"width"与"height"值的情况下独立使用"left"和"top",此时"left""top"设定值均不生效。
【标注6】:Chrome 中,不支持在没有设定"left"和"height"值的情况下独立使用"width"与"height",此时"width" "height"设定值均不生效。结合【标注5】说明可知,在Chrome中弹出窗体不论想要设定宽高或位置中的一个或几个值,都必须将他们所有赋值,否则都将不起作用。
【标注7】:Firefox Chrome 中,地址栏会始终显示。
【标注8】:Opera 中,地址栏默认不显示,但能够点击页面最上方横条使他显示出来,设置"location=yes"后地址栏会自己主动显示出来。
【标注9】:Chrome Opera 中,不论"menubar"值怎样设置,永远不显示菜单条。
【标注10】:Firefox Safari Chrome Opera中不管"resizable"值怎样设置,窗体永远可由用户调整大小。
【标注11】:Safari Chrome 中,在页面存在滚动栏的情况下,不管"scrollbars"值怎样设置,滚动栏始终可见。
【标注12】:IE7 在 Windows XP SP3 系统中默认能够支持"status "參数隐藏状态栏;而在 Windows Vista系统默认环境下不支持"status"參数,状态栏始终可见.这与两个系统中默认的 IE7 小版本不同有关,前者版本较低,后者版本较高。
【标注13】:Firefox 中,不管"status"值怎样设置,状态栏始终可见,而 Chrome Opera中,则与前者相反,状态栏始终不可见。
【标注14】: Chrome Opera 中,不管"toolbar"值怎样设置,始终不显示工具栏。
综上所述,可见window.open方法的sFeatures參数支持程度存在巨大差异,使用时须慎重为之。

                                                                                                             摘自:http://www.w3help.org/zh-cn/causes/BX1053#

一般我们用window.open打开页面都须要居中显示,演示样例代码

var width=800;  //弹出窗体的宽度;
var height=500; //弹出窗体的高度;
var top = (window.screen.availHeight-height)/2; //窗体的垂直位置;
var left = (window.screen.availWidth-width)/2;  //窗体的水平位置;
window.open('page.html','newwindow','height='+height+',width='+width+',top='+top+',left='+left+',toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')

availHeight和height的差别

window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)
screen.availWidth,screen.availHeight是指除去taskbar(任务栏)以外的长宽

欢迎增加JAVA技术交流群:74955800

转载于:https://www.cnblogs.com/mfrbuaa/p/3936901.html

window.open()具体解释及浏览器兼容性问题相关推荐

  1. 47种常见的浏览器兼容性问题大汇总

    浏览器兼容性问题大汇总 Ø JavaScript 3 1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.hr ...

  2. (转载)浏览器兼容性问题大汇总

    浏览器兼容性问题大汇总 Ø JavaScript 3 1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.hr ...

  3. 浏览器兼容性问题汇总及解决方案

    最近一直在调测系统在各个浏览器的兼容性问题,真是让人抓狂啊,我最爱的Firefox竟然还是出问题最多的,好伤心--把碰到的问题和查到的一些资料总结一下写在这里,一方面方便自己以后使用,另一方面希望对遇 ...

  4. 最全整理浏览器兼容性问题与解决方案(转)

    所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的 ...

  5. 常见的浏览器兼容性问题大汇总

    所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的 ...

  6. 浏览器兼容性问题-JSDOM(转)

    转http://blog.sina.com.cn/s/blog_5f289d580100i07d.html 一.JS与DOM的兼容性: (一) DOM节点的访问: 1.以前对DOM节点访问一般用&qu ...

  7. web前端关于浏览器兼容性

    web前端关于浏览器兼容性 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登 ...

  8. 常见浏览器兼容性问题大全

    常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或 ...

  9. 浏览器兼容性和HTTP状态了解

    HTTP状态 100 Continue 初始的请求已经接受,客户应当继续发送请求的其余部分.(HTTP 1.1新) 101 Switching Protocols 服务器将遵从客户的请求转换到另外一种 ...

最新文章

  1. Regularized Evolution for Image Classifier Architecture Search--阅读笔记
  2. 【译】.NET Core 是 .NET 的未来
  3. 做接口测试最重要的知识点
  4. tensorboard 远程
  5. 多项式(polynomial)和 单项式(monomial)
  6. Verilog如何避免Latch
  7. Android pda出入库管理,出入库PDA管理系统软件
  8. linux训练python出现killed_Linux 查看进程被杀死的详情
  9. Python3.x字符串替换方法replace()、maketrans()和translate()
  10. mysql oracle sqlserver分页,三种常用数据库(Oracle、MySQL、SQLServer)的分页之SQLServer分页...
  11. Windows Server AppFabric Caching支持大数据量的配置
  12. ajax获取session值_java程序员你真的了解session与cookie吗?
  13. android wifi 问题是什么意思,Android应用开发之wifi连接问题:密码正确但连接时supplicant state返回的是ERROR_AUTHENTICATING...
  14. avalon2 非必填项的表单验证规则
  15. 无责任书评——DOOM启示录 BORLAND传奇
  16. 高通QFIL刷机 安装9008驱动
  17. 免费股票量化交易软件有哪些?
  18. 28 《暗时间》 -豆瓣评分8.4
  19. 什么是UI设计,深入了解UI
  20. 好嗨游戏:TapTap9.9分,《鸡你太美》这到底是什么魔鬼游戏?

热门文章

  1. 用python画烟花-python 实现漂亮的烟花,樱花,玫瑰花
  2. python编程爱心-如何用python画爱心
  3. python在线读-python初级实战-----主机在线情况监控web
  4. python入门编程题库-Python随笔30:Python基础编程练习题25~26
  5. python画笑脸-python 学习笔记——学会用turtle画笑脸
  6. python自动化办公 百度网盘-Python自动化办公实战教程2020最新带源码
  7. python的用途实例-python中类方法,实例方法,静态方法的作用和区别
  8. python表白程序-如何用Python代码向心爱的姑娘花式表白?
  9. python三维图-python 三维坐标图
  10. 学python的基础-老司机学python篇:第一季(基础速过、机器学习入门)