open — 打开(弹出)一个新的窗体
- open，中文"打开"的意思
- 引用网址:http://www.dreamdu.com/javascript/window.open/
open函数语法
window.open(url,name,features,replace);
open函数参数说明
- url — 要载入窗体的URL
- name — 新建窗体的名称(也可以是HTML target属性的取值，目标)
- features — 代表窗体特性的字符串，字符串中每个特性使用逗号分隔
- replace — 一个布尔值，说明新载入的页面是否替换当前载入的页面，此参数通常不用指定
open函数name参数说明
name用于设置弹出窗体的名称，如果使用已有的窗体或框架名称作为name参数，那么url网址将在这个窗体或框架页面载入
例如：
<ahref="http://www.dreamdu.com/"target="dreamdu">使用HTML连接建立一个页面</a><ahref="#"onclick="window.open('http://www.dreamdu.com/xhtml/','dreamdu');">使用JavaScript在上面已经建立连接的页面载入HTML教程</a>
首先使用普通HTML链接打开一个页面(target名为dreamdu)，之后使用open函数打开另一个页面，浏览器首先要查找是否有名称为dreamdu的窗体，如果有，就在这个窗体中加载梦之都HTML教程网址。否则新建一个名称为dreamdu的窗体并加载梦之都HTML教程网址
open函数默认的打开窗体的方式为target的_blank弹出方式，因此页面都将以弹出的方式打开
open函数features参数说明
如果不使用第三个参数，将打开一个新的普通窗口
| 参数名称 | 类型 | 说明 |
|---|---|---|
| height | Number | 设置窗体的高度，不能小于100 |
| left | Number | 说明创建窗体的左坐标，不能为负值 |
| location | Boolean | 窗体是否显示地址栏，默认值为no |
| resizable | Boolean | 窗体是否允许通过拖动边线调整大小，默认值为no |
| scrollable | Boolean | 窗体中内部超出窗口可视范围时是否允许拖动，默认值为no |
| toolbar | Boolean | 窗体是否显示工具栏，默认值为no |
| top | Number | 说明创建窗体的上坐标，不能为负值 |
| status | Boolean | 窗体是否显示状态栏，默认值为no |
| width | Number | 创建窗体的宽度，不能小于100 |
特性字符串中的每个特性使用逗号分隔，每个特性之间不允许有空格
open函数返回值
新建立的window对象
猴子提示: 不建议使用弹出窗体，HTML弹出窗体
示例
window.open("http://www.dreamdu.com/","dreamduwin","width=500,height=300,left=10,top=20,location=yes,status=yes");
新建一个宽度为500像素，高度为300像素，距离屏幕左上角水平偏移10像素，垂直偏移20像素，有地址栏与状态栏的窗体
varoWin=window.open("http://www.dreamdu.com/","dreamduwin");oWin.resizeTo(800,600);
window.open函数新建立窗体后会返回新建窗体的window对象，通过此对象可以控制窗体（移动，改变大小，关闭）
<input type="button" value="在新窗口中打开梦之都！" onclick="window.open('http://www.dreamdu.com/', 'dreamduwin', 'width=500,height=300,left=10,top=20,location=yes,status=yes');" />
转载于:https://blog.51cto.com/dreamforjava/558338
《新程序员》：云原生和全面数字化实践
50位技术专家共同创作，文字、视频、音频交互阅读