window.open()的用法

Posted 2023-03-17

window.open()的用法 以及各个参数..

语法：

window.open([URL], [窗口名称], [参数字符串])

参数说明:

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
   1.该名称由字母、数字和下划线字符组成。
   2."_top"、"_blank"、"_selft"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
   3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

参数表:

例如:打开http://www.baidu.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

<script type="text/javascript"> window.open('http://www.baidu.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

注意：

1.参数之间逗号及等号前后有空格，该字符串无效，只有删除空格才能正常运行。

2.运行结果考虑浏览器兼容问题。

参考技术A open 方法
打开一个新窗口，并装载URL指定的文档，或装载一个空白文档，如果没提供URL的话。
适用于
窗口
语法
window = object.open([URL[,name[,features[,replace]]]])
参数 说 明
URL 规定要显示的文档URL的串。如果规定了URL，就显示带有about:blank的新窗口。name选项。规定窗口名字的串。这个名字用于FORM上的或用于A。选项。规定显示窗口装饰物的串。
下面的表列出所支持的特征语法说明
fullscreen=yes | no | 1 | 0 规定是在全屏幕上还是在正常窗口中显示浏览器。默认值是no。使用全屏幕模式要当心。因为这种模式把浏览器的标题栏和菜单都隐蔽起来，你应当提供一个按钮或其他线索，帮助用户关闭这个窗口。Alt+F4也关闭这个新窗口。
channelmode= yes | no | 1 | 0 规定是否以剧场模式显示窗口，并显示通道带。
toolbar=yes | no | 1 | 0 规定是否显示浏览器toolbar、makingbutton，例如可用的Back、Forward、Stop
location=yes | no | 1 | 0 规定是否显示用于把URL直接键入浏览器的输入字段

directories=yes | no | 1 | 0 规定是否添加目录按钮，默认值是no
status=yes | no | 1 | 0 规定是否在窗口底部添加状态条。默认是no
menubar=yes | no | 1 | 0 规定是否显示菜单条。默认是no
scrollbars=yes | no | 1 | 0 规定是否显示水平和垂直滚动条。默认是no
resizeble=yes | no | 1 | 0 规定是否在窗口的角落上显示重定尺寸处理程序
width=number设置窗口的宽度，单位是像素
height=number规定窗口的高度，单位是像素。最小值是100
top=number规定顶位置，单位是像素。这个值是相对于屏幕的左上角的
left=number规定左位置，单位是像素。这个值是相对于屏幕左上角的
replace选项。是一个布尔值，规定要装入新页面上的URL是否在窗口浏览历史中要建立一个新条目，或者取代浏览历史中的当前条目。如果是真，就不建立新历史条目。

返回值
返回一个到新窗口的引用。
使用这个引用，在新窗口上脚本属性和方法上。说明新窗口的一个名字可以作为一种形式或一个A元素的目标。按照默认，open( )方法创建一个窗口。这个窗口有默认宽度和高度、标准的菜单、工具条，和其他Internet Explorer特征。你可以使用特征参数改变这组特征。这个参数是由一个或多个特征设定组成的串。替换参数便控制新窗口是否放到浏览器历史列表中。作为例子，下边创建一个包含Sample.htm的新窗口。新窗口为200乘400像素，有一个状态条，但是没有工具条、菜单或地址字段。 参考技术B window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
page.html:要打开的页面
newwindow:窗口名称,也可以为_self,_blank等参数
height:窗口高度
width:窗口宽度
toolbar:是否显示工具栏(yes,no)
menubar:是否显示菜单栏(yes,no)
scrollbars:是否出现滚动条(yes,no)
resizable:是否可以改变窗口大小(yes,no)
location:是否显示地址栏(yes,no)
status:是否显示状态栏(yes,no)
top,left:窗口打开时的坐标