JavaScript中的open()方法
2016-08-02 11:16
253 查看
window的open()方法用于导航到一个特定的URL或者打开一个新的浏览器窗口。它接收4个参数:要加载的URL,窗口名称,特性字符串和一个布尔值。以下从window.open的参数设置和返回值两部分来介绍
一、参数设置
1、该名称由字母、数字和下划线组成
2、相同的名称的窗口只能创建一个
3、名称中不能含有空格
4、“_blank”、“_self”、“_top”、“_parent”是具有特殊意义的名称
_blank:在新窗口中显示目标网页;
_self:在当前窗口中显示目标网页;
_top:在框架网页的上部显示目标网页,如果没有定义框架,则此项效果与_self相同
_parent:在该框架的上层框架(父框架)中显示目标网页,若没有定义,则此项效果与_self相同
如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。
![](https://img-blog.csdn.net/20160802122442853?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
注:参数表来源于w3school
表中所列的部分或全部选项,都可通过逗号分隔的名值对来指定,其中名值对以等号表示,注意,整个特性字符串中不允许出现空格,如下例所示:
window.open("https://www.baidu.com","_blank","height=400,width=600,top=100,left=100,scrollbars=no");
上述四个参数通常只需传递第一个参数,最后一个参数只在不打开新窗口的情况下使用。
有任何问题欢迎评论一起探讨!
一、参数设置
参数一:要加载的URL( 可选)
当该参数为空时,打开一个空白网页;若不为空,则导航到改URL所指的网页或者打开一个新的浏览器窗口显示该URL所指网页参数二:窗口名称(可选)
指被打开窗口的名称:1、该名称由字母、数字和下划线组成
2、相同的名称的窗口只能创建一个
3、名称中不能含有空格
4、“_blank”、“_self”、“_top”、“_parent”是具有特殊意义的名称
_blank:在新窗口中显示目标网页;
_self:在当前窗口中显示目标网页;
_top:在框架网页的上部显示目标网页,如果没有定义框架,则此项效果与_self相同
_parent:在该框架的上层框架(父框架)中显示目标网页,若没有定义,则此项效果与_self相同
如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。
参数三:特性字符串(可选)
设置窗口的参数,各参数用逗号隔开注:参数表来源于w3school
表中所列的部分或全部选项,都可通过逗号分隔的名值对来指定,其中名值对以等号表示,注意,整个特性字符串中不允许出现空格,如下例所示:
window.open("https://www.baidu.com","_blank","height=400,width=600,top=100,left=100,scrollbars=no");
参数四:布尔值(布尔值)
该布尔表示:是否取代浏览器历史记录中当前加载的页面上述四个参数通常只需传递第一个参数,最后一个参数只在不打开新窗口的情况下使用。
二、window.open的返回值
window.open()方法返回一个对新窗口的引用,以便我们对新窗口进行更多的控制。如:myWin= window.open("https://www.baidu.com","_blank","height=400,width=600,top=100,left=100,scrollbars=no"); myWin.close(); //调用close()函数关闭新打开的网页 myWin.resizeTo(500,500); //调整大小 myWin.moveTo(300,300); //移动位置
有任何问题欢迎评论一起探讨!
相关文章推荐
- javascript window.open后不出现[object]的方法
- JavaScript window.open()方法详细说明
- javascript中的document.open()方法使用介绍
- JavaScript - window.open 方法
- JavaScript的open()方法:打开新窗口
- javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
- JavaScript---window.open使用方法以及参数说明(完整版)
- a标签中调用javascript方法的几种方法与window.open()
- javascript showModalDialog,open取得父窗口的方法
- 关于JavaScript的window对象的open和close方法
- javascript window.open后不出现[object]的方法
- javascript弹出窗口 window.open使用方法以及参数说明分析篇
- javascript弹出窗口 window.open使用方法以及参数说明分析篇
- javascript showModalDialog,open取得父窗口的方法
- javascript 中打开新窗口的方法——不使用open
- javascript window.open后不出现[object]的方法
- javascript XMLHttpRequest 对象的open() 方法参数说明
- 打开Dreamweaver在onLoad运行Design Notes_onOpen.htm时发生了javascript脚本错误的解决方法
- javascript showModalDialog,open取得父窗口的方法