JavaScript open()
JavaScript open() 函数
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参数说明
如果不使用第三个参数，将打开一个新的普通窗口
|
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像素，有地址栏与状态栏的窗体
var oWin=window.open("http://www.dreamdu.com/", "dreamduwin");
oWin.resizeTo(800,600); //重新设置窗体大小
oWin.moveTo(50,50); //移动窗体
oWin.close(); //关闭窗体
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');" />
JavaScript open() 函数示例 -- 可以尝试编辑
延伸阅读
· JavaScript close() 函数
· JavaScript opener 属性
· HTML 弹出页面
