众所周知,window.open()可以打开一个新窗口,但是经常是打开一个新标签,不符合需求(这提需求的人也是挺懒,拉一下就不行么)。所以需要在第三个参数中将toolbar之类的关掉,就可以弹出新窗口了。
window.open('','name','toolbar=no,menubar=no');
如果想往里面放一些dom,比如展示图片
var newWindow = window.open('','name','toolbar=no,menubar=no');
newWindow.document.body.innerHtml = "<img src='./abc/png'>"
实现需求之后发现,弹出的新窗口好像不能通过ctrl+滚轮进行缩放,思来想去,自己研究出一个偏方,如果有更好的方法,欢迎高手指点。
偏方其实就是,在项目目录下,新建一个window.html
window.open('./window.html','name','toolbar=no,menubar=no');
如果想传入参数的话,就使用localStorage,最后监听浏览器关闭事件,当弹出窗口关闭时,remove掉,防止影响浏览器其他数据。
window.onbeforeunload = function() {
localStorage.removeItem('mess')
}