打开新窗口的JS方法
下面的代码演示了怎样打开一个新窗口。
window.open('http://www.example.com','newwindow','height=400,width=600');在上面的代码中,我们打开了一个高度为400,宽度为600的新窗口,并访问http://www.example.com页面。设置新窗口的特性window.open()方法的第三个参数可以用来设置新窗口的特性。下面是可使用的特性列表:-height窗口的高度-width窗口的宽度-top窗口距离屏幕顶部的位置-left窗口距离屏幕左边的位置-menubar会不会显示菜单栏(true/false)-toolbar会不会显示工具栏(true/false)-location会不会显示地址栏(true/false)-status会不会显示状态栏(true/false)-resizable会不会可以改变窗口的大小(true/false)-scrollbars会不会显示转动条(true/false)下面的代码演示了怎样设置这些特性:设置新窗口的特性
下面的代码演示了怎样设置新窗口的特性。
window.open('http://www.example.com','newwindow','height=400,width=600,top=100,left=100,menubar=no,toolbar=no,location=no,status=no,resizable=no,scrollbars=no');在上面的代码中,我们设置了新窗口的高度为400,宽度为600,距离屏幕顶部和左边的位置均为100,隐藏了菜单栏、工具栏、地址栏、状态栏和转动条,并且制止改变窗口大小。在使用window.open()方法的时候,需要注意的是,弹出窗口可能会被浏览器的弹出窗口拦截器禁止。因此,我们需要告知用户如何允许浏览器打开窗口,或让用户手动打开。怎么处理弹窗拦截
下面的代码演示了怎么处理弹窗拦截。
varnewwin=window.open('http://www.example.com','newwindow','height=400,width=600,top=100,left=100,menubar=no,toolbar=no,location=no,status=no,resizable=no,scrollbars=no');if(!newwin||newwin.closed||typeofnewwin.closed=='undefined'){alert('请修改浏览器设置以允许该网站打开弹出窗口。');}在上面的代码中,我们先打开了一个新窗口,然后判断该窗口会不会被浏览器的弹出窗口拦截器禁止。如果是,我们将提示用户如何允许该网站打开弹出窗口。综上所述,我们可以通过window.open()方法来实现JS跳转页面打开新窗口,并且可以设置新窗口的特性。但是需要注意浏览器的弹出窗口拦截器可能会禁止新窗口的打开。桂&哥&网&络www.guIgEge.cn
TOP