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

 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为允许；

版权声明：本文为maqingyuan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/maqingyuan/p/8901265.html