window.open()的实际应用

时间:2021-09-30 06:58:45

Window open() 要领 界说和用法

open() 要领用于打开一个新的浏览器窗口或查找一个已定名的窗口。

语法

window.open(URL,name,specs,replace)

参数说明
URL   可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口  
name   可选。指定target属性或窗口的名称。撑持以下值:

_blank - URL加载到一个新的窗口。这是默认

_parent - URL加载到父框架

_self - URL替换当前页面

_top - URL替换任何可加载的框架集

name - 窗口名称

 
specs   可选。一个逗号分隔断绝分手的项目列表。撑持以下值:

channelmode=yes|no|1|0   是否要在影院模式显示 window。默认是没有的。仅限IE浏览器  
directories=yes|no|1|0   是否添加目录按钮。默认是必定的。仅限IE浏览器  
fullscreen=yes|no|1|0   浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window,还必需在影院模式。仅限IE浏览器  
height=pixels   窗口的高度。最小.值为100  
left=pixels   该窗口的左侧位置  
location=yes|no|1|0   是否显示地点字段.默认值是yes  
menubar=yes|no|1|0   是否显示菜单栏.默认值是yes  
resizable=yes|no|1|0   是否可调解窗口巨细.默认值是yes  
scrollbars=yes|no|1|0   是否显示滚动条.默认值是yes  
status=yes|no|1|0   是否要添加一个状态栏.默认值是yes  
titlebar=yes|no|1|0   是否显示标题栏.被忽略,除非挪用HTML应用措施或一个值得信赖的对话框.默认值是yes  
toolbar=yes|no|1|0   是否显示浏览器工具栏.默认值是yes  
top=pixels   窗口顶部的位置.仅限IE浏览器  
width=pixels   窗口的宽度.最小.值为100  
 
replace   Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中确当前条目。撑持下面的值:

true - URL 替换浏览历史中确当前条目。

false - URL 在浏览历史中创建新的条目。

 

function openWindow(url, title, w, h) { // Fixes dual-screen position Most browsers Firefox const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height const left = ((width / 2) - (w / 2)) + dualScreenLeft const top = ((height / 2) - (h / 2)) + dualScreenTop const newWindow = window.open(url, title, ‘toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=‘ + w + ‘, height=‘ + h + ‘, top=‘ + top + ‘, left=‘ + left) // Puts focus on the newWindow if (window.focus) { newWindow.focus() } } 点击微信、qq登录打开新窗口

  

 

window.open()的实际应用