JS点击按钮打开新的独立页面

工作中遇到需要点击按钮弹出一个独立的页面,并显示指定内容的问题,查了一些资料后,得到以下方法:

 window.open('locationPage.html', '_blank', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') 
  • locationPage.html将在新窗口中打开(_blank属性控制,详细资料见a标签的target属性),高为100,宽为400,距页面顶0象素,页面左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。
  • open()方法效果同window.open()方法,但是建议用window.open()。

  • 参数解释

    • window.open 弹出新窗口的命令;
    • ‘locationPage.html’ 弹出窗口的文件名,相对路径绝对路径都可以;
    • ‘_blank’ 弹出新的独立窗口,非必须,可用空”代替,默认是’_self’;
    • height=100 窗口高度;
    • width=400 窗口宽度;
    • top=0 窗口距离屏幕上方的象素值;
    • left=0 窗口距离屏幕左侧的象素值;
    • toolbar=no 是否显示工具栏,yes为显示;
    • menubar=no 是否显示菜单栏,yes为显示;
    • scrollbars=no 是否显示滚动栏,yes为显示;
    • resizable=no 是否允许改变窗口大小,yes为允许;
    • location=no 是否显示地址栏,yes为允许;
    • status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
    • alwaysLowered 窗口隐藏在所有窗口之后,yes为允许;
    • alwaysRaised 窗口悬浮在所有窗口之上,yes为允许;
    • depended 是否和父窗口同时关闭,yes为允许;
    • titlebar 窗口题目栏是否可见,yes为允许;
    • z-look 窗口打开后是否浮在所有窗口之上,yes为允许;

你可能感兴趣的:(html5)