当前位置:家常菜>百科>科技>正文

js 打开新窗口

人气:223 ℃/2024-03-10 13:22:28

js中怎么打开新窗口呢?不知道的小伙伴来看看小编今天的分享吧!

js中使用JavaScript window对象(属于BOM)打开新窗口。

1、语法:

window.open(URL,name,features);

该方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

2、参数说明:

URL :一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。

name :一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记<a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么open()方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。

features  :一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。

3、常用窗口特征:

height、width:窗口文档显示区的高度、宽度。以像素计。

left、top:窗口的x坐标、y坐标。以像素计

toolbar=yes | no | 1 | 0:是否显示浏览器的工具栏。黙认是yes。

scrollbars=yes | no | 1| 0是否显示滚动条。黙认是yes。

location=yes | no | 1 | 0是否显示地址地段。黙认是yes。

status=yes | no | 1 | 0是否添加状态栏。黙认是yes。

menubar=yes | no | 1 | 0是否显示菜单栏。黙认是yes。

resizable=yes | no | 1 | 0窗口是否可调节尺寸。黙认是yes。

titlebar=yes | no | 1 | 0是否显示标题栏。黙认是yes。

fullscreen=yes | no | 1 | 0:是否使用全屏模式显示浏览器。黙认是no。

注意:不同的游览器对窗口特征属性支持也不相同。

4、使用案例:

打开新的窗口,窗口特性使用默认值

<body>

<script type="text/javascript">

function openAnother() {

window.open("http://www.baidu.com"); //打开新窗口,窗口特性全部使用默认值。

}

</script>

<button οnclick="openAnother()">打开新窗口</button>

</body>

打开新的窗口,设置窗口特性

<body>

<button οnclick="openAnother();">打开新窗口</button>

<script type="text/javascript">

var win;

function openAnother () {

win = window.open("http://www.baidu.com", "", "width=400, height=400,left = 200, right = 200, toolbar = no, menubar = no,location=no,resizable=no");//有些特性在个别浏览器上已被进制修改。

}

</script>

</body>

关闭新打开的窗口

open方法返回打开的那个窗口的window对象,可以调用close方法关闭新打开的窗口。

<body>

<button οnclick="openAnother();">打开新窗口</button>

<button οnclick="closeAnother();">关闭新打开的窗口</button>

<script type="text/javascript">

var win;

function openAnother () {

win = window.open("http://www.baidu.com", "", "width=400, height=400,left = 200, right = 200, toolbar = no, menubar = no,location=no,resizable=no");

}

function closeAnother() {

win.close();//关闭指定窗口

}

</script>

</body>

  • 玫瑰茶怎么喝可以减肥

    玫瑰茶怎么喝可以减肥?下面请大家看看小编的分享吧。1、玫瑰茶+菏叶提前准备10克菏叶,15克玫瑰,随后把菏叶和玫瑰洗干净以后,一起放进杯里。已过五分钟以后,就可以食用了。由于玫...

    生活查看全文>>
  • 相爱相守的句子 彼此相爱的句子

    1、她像上了******瘾似地耽溺于自己的恋情,贪婪地喝着******的毒汁。2、亲爱老婆最可爱,一直把你心底揣;撒娇生气我不怪,这是你对我的爱;相识相知到相爱,不离不弃度将来;执子之手到年迈...

    句子查看全文>>
  • 汽车哪些配置是鸡肋?

    现在的汽车配置越来越丰富,不过并非每一样都好用,由于种种原因其中一部分配置沦落成了“鸡肋”。这些配置有一个共性,那就你在买车前会认为它很好用,但用了一段时间才发现食之无味,弃之...

    问答查看全文>>
  • 普拉多变速器油不换可以吗?

    普拉多差速器油需要定期更换。差速器油是针对后驱车后轮差速器润滑而研发的润滑油,能有效的对差速器进行一定的保护。汽车在高负荷连续行驶时,变速箱、差速器齿轮油的温度有时候会超过12...

    问答查看全文>>
  • 古今中外交友名言 古今交友的名言

    1、友不在多,得一人可胜百人;友不论久,得一日可逾千古。2、为友解忧不图报酬,得友相助铭记在心。3、友谊,与人的才干经历年龄紧密相连,所以交友要认真选择。4、与善人居,如入芝兰...

    名言查看全文>>
本网站部分内容、图文来自于网络,如有内容侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2007-2024 家常菜 All Rights Reserved. 手机版