window.open(url, name, features, replace) 

Arguments - 参数　　

　　url  可选字符串参数，指向要在新窗口中显示的文档的URL。如果省略该参数，或者参数为空字符串，新窗口不会显示文档。

　　name  可选字符串参数，该参数可以设置新窗口的名称。相同name的窗口只能创建一个，要想创建多个窗口则name不能相同。

　　features   可选字符串参数，该参数用于设定新窗口的功能。因为该参数是可选的，如果没有指定该参数，新窗口有所有的标准功能。

　　replace  可选布尔参数，设置新窗口中的操作历史的保存方式。  true - 创建新历史记录  false - 替换旧的历史记录

Returns - 返回值  一个根据name参数对新创建的或已存在的窗口对象的引用。

Description - 描述

　 　open()方法可以查找一个已经存在的或者新建的浏览器窗口。如果name参数指定了一个已经存在的刘浏览器窗口，则返回对该窗口的引用。返回的窗口 中将显示URL中指定的文档，但是features参数会被忽略。open()方法是JavaScript中唯一通过名称获得浏器窗口引用的途径。

　　如果没有指定name参数，或者不存在name参数指定的名称的窗口，open()方法将创建一个新的浏览器窗口。

　　name参数用于指定新窗口的名称，该名称必须由字母、数字和下划线字符组成。它可以被HTML文档中的<a>标记或<form>标记指向。

　 　当你使用window.open()方法加载一个新的文档到一个已经存在了命名的窗口中时，你可以通过replace参数设置历史记录的保存方式.。如 果该参数是true, 新文档的历史记录将取代旧文档的历史记录。 如果该参数为false或这没有指定该参数，新的文件在窗口的浏览历史记录中将建立自 己的条目。该参数提供了location.replace()相同功能的方式。

　　 不要把"Window.open( ) "和"Document.open( )"混淆；这是两个完全不一样的方法。为了让代码更明晰，你可以 用"Window.open( )"代替 "open( )"。作为HTML属性定义事件处理程序时， "open( )" 一般被解释 为"Document.open( )"，所以在这种情况下，你必须使用"Window.open( )"。

Window Features - 窗口特性

　 　feature 参数是一个用逗号分隔的功能列表。如果该参数为空或者没有指定该参数，新的窗口将拥有所有的功能。另一方面, 如果feature参数只 指定了某一项或某几项功能，那么其他没有被指定的功能将不会出现在新的窗口中。该字符串不能包含任何空格或其它空字符串。

　　列表中的每个元素的格式：功能[=值]

　　对于绝大多数的功能来说，它们的值一般都是yes或no。对这些功能，等号和值都可以省略不写。 对于 width和height特性，必须给它们指定一个以像素为单位的值。

　　一下是一些普遍支持的功能和它们的含义：

　　height  设定窗口显示区域的像素宽度

　　left  浏览器窗口距离屏幕左边的距离

　　location 指明地址栏在新窗口中是否可见

　　menubar 指明菜单栏在新窗口中是否可见

　　resizable 指明新窗口是否可以调整大小

　　scrollbars 指明滚动栏在新窗口中是否可见

　　status  指明状态栏在新窗口中是否可见

　　toolbar 指明工具栏在新窗口中是否可见

　　top  设定新窗口距屏幕上方的距离

　　width  设定窗口显示区域的像素宽度

　　alwaysLowered  指定窗口隐藏在所有窗口之下

　　alwaysRaised  指定窗口浮在所有窗口之上

　　dependent  指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭

　　directions  指定Navigator 2和3的目录栏是否在新窗口中可见

　　hotkeys  在没有菜单栏的新窗口设置安全退出热键

　　innerHeight  设置新窗口中文档的像素高度

　　innerWidth  设置新窗口中文档的像素宽度

　　menubar  指明菜单栏在新窗口中是否可见

　　outerHeight  设定窗口（包括装饰边框）的像素高度

　　outerWidth  设定窗口（包括装饰边框）的像素宽度

　　screenX  设定新窗口离屏幕边界的像素长度

　　screenY  设定新窗口离屏幕上边界的像素长度

　　titlebar  指明菜单题目栏在新窗口是否可见

　　z-look  在文档中包含各个 <pplet>标签的数组

　　fullscreen  打开的窗体是否进行全屏显示

Example - 示例

　　<html>

　　　　<head>

　　　　　　<title>window.open函数 </title>

　　　　</head>

　　　　<body>

　　　　　　<script language="javascript">

　　　　　　　　window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");

　　　　　　</script>

　　　　</body>

　　</html>

【转】JS windows.open()详解的更多相关文章

  1. JS - Promise使用详解--摘抄笔记

    第一部分: JS - Promise使用详解1(基本概念.使用优点) 一.promises相关概念 promises 的概念是由 CommonJS 小组的成员在 Promises/A 规范中提出来的. ...

  2. 《Node.js开发实战详解》学习笔记

    <Node.js开发实战详解>学习笔记 ——持续更新中 一.NodeJS设计模式 1 . 单例模式 顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直 ...

  3. Js apply 方法 详解

    Js apply方法详解 我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这 ...

  4. ES6,ES2105核心功能一览,js新特性详解

    ES6,ES2105核心功能一览,js新特性详解 过去几年 JavaScript 发生了很大的变化.ES6(ECMAScript 6.ES2105)是 JavaScript 语言的新标准,2015 年 ...

  5. Js apply()使用详解

    Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这 ...

  6. Js apply方法详解,及其apply()方法的妙用

    Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这 ...

  7. Vue.js 数据绑定语法详解

    Vue.js 数据绑定语法详解 一.总结 一句话总结:Vue.js 的模板是基于 DOM 实现的.这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强.Vue ...

  8. JS hashMap实例详解

    链接:http://www.jb51.net/article/85111.htm JS hashMap实例详解 作者:囧侠 字体:[增加 减小] 类型:转载 时间:2016-05-26我要评论 这篇文 ...

  9. JS变量对象详解

    JS变量对象详解 开年之后工作热情一直不是很高,这几天一直处于消极怠工状态.早上不想起床,起床了不想上班.明明放假之前工作热情还一直很高,一直心心念念的想把小程序项目怼出来,结果休假回来之后画风完全不 ...

随机推荐

  1. github webhook 实现代码自动部署 踩坑！！ 附加git&coding webhook部署代码

    踩坑: 1.php程序执行linux命令是以webserver的user用户(如apache .www……)操作的,需要在/etc/sudoers添加用户免密码操作权限; %apache ALL=(A ...

  2. 00009 - cat、tail、head、tee、wc、sort文件操作和过滤

    绝大多数命令行工作是针对文件的.我们会在本节中讨论如何观察及过滤文件内容,使用一条命令从文件中提取所需信息,以及对文件的内容进行排序. cat.tail.head.tee:文件打印命令这些命令的语法基 ...

  3. but was actually of type 'com.sun.proxy.$Proxy101' 注入问题

    最近在用springboot搭建项目框架时,遇到了如下错误,查询了一番,原来是没有引入spring框架的aop包导致: 问题: ERROR o.s.test.context.TestContextMa ...

  4. IDEA Git 配置及使用

    1.下载并安装 Git 2.新建项目 3.配置版本控制器 4.新建github仓库 5.定位到项目根目录,执行命令 创建git仓库时忘记添加 .gitignore 怎么办? vi .gitignore ...

  5. webpack2.0配置postcss-loader

    使用webpack2.0配置postcssloader 安装postcss-loader npm install --save-dev postcss-loader 然后配置webpack.confi ...

  6. Java - 20 Java 继承

    Java 继承 继承是java面向对象编程技术的一块基石,因为它允许创建分等级层次的类.继承可以理解为一个对象从另一个对象获取属性的过程. 如果类A是类B的父类,而类B是类C的父类,我们也称C是A的子 ...

  7. python- do_excel

    # @File : class_01_do_excel.py # coding=gbk #pip install openpyxl #新建.xlsx,一定要右键新建 from openpyxl imp ...

  8. 字符串截取函数slice, substring, substr

    在日常项目需求中,常常会遇到需要截取字符串操作的工作,而ECMAScript为我们提供了原生的截取字符串的函数,而且提供了三个:slice, substring, substr.我们怎么判断在什么时候 ...

  9. python库myqr生成二维码

    python中有一个好玩的库,不仅可以生成各种花色的二维码,还可以生成动态二维码. MyQR是一个能够生成自定义二维码的第三方库,可以根据需要生成普通二维码.带图片的艺术二维码,也可以生成动态二维码 ...

  10. 【Jmeter自学】Jmeter实战-web程序（六）

    1.确认测试被测对象 **网站 windows环境 2.需求: 并发登录性能测试 3.场景设置: 1s增加2个线程,运行2000次 分别查看20,,60并发下的表现 4.监控 成功率 响应时间 标准差 ...