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