window.open()弹出窗口 - findtp插件网

findtp插件网

您现在的位置是:首页> 网页模版 -> window.open()弹出窗口

Article

window.open()弹出窗口

findtp插件网2018-08-29 网页模版673
2

最基本的弹出窗口代码

window.open('http://www.findtp.com/');

其他参数调用

window.open('httP://codeo.cn/', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')

各参数详解

‘http://www.findtp.com/’ :弹出窗口的地址;

‘newwindow’ : 弹出窗口的名字(不是文件名),非必须,可用空”代替;

height=100 : 窗口高度;

width=400 : 窗口宽度;

top=0 : 窗口距离屏幕上方的象素值;

left=0 : 窗口距离屏幕左侧的象素值;

toolbar=no : 是否显示工具栏,yes为显示;

menubar,scrollbars : 表示菜单栏和滚动栏。

resizable=no : 是否允许改变窗口大小,yes为允许;

location=no : 是否显示地址栏,yes为允许;

status=no : 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

弹出窗口居中方法

function openWin(url,name,iWidth,iHeight) { 

            //获得窗口的垂直位置 

            var iTop = (window.screen.availHeight - 30 - iHeight) / 2; 

            //获得窗口的水平位置 

            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; 

            window.open(url, name, 'height=' + iHeight + ',innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no'); 

        }

如何关闭弹出窗口?

在新打开页面中执行代码:

window.opener = null; window.open('', '_self'); window.close();

新窗口中关闭代码如下:

<input type="button" onclick="window.opener = null; window.open('', '_self'); window.close();" value="关闭" />


文章评论

共有0条评论来说两句吧...