如何使儿童窗户保持在顶部

我正在使用 window.open从父窗口打开子窗口。我希望孩子窗口保持顶部，以便用户在父窗口中进行条目时可以参考它。可以做到吗？我目前正在使用Firefox，但是如果在所有浏览器中起作用，这将是一个好处。

如何使用弹出窗口div而不是打开新窗口？

此弹出层也很好：domwindowdemo。

是的，您可以通过此代码执行此操作。

    //Parent page...
    <html>
      <body>
      <a href="#" onClick="window.open('two.html','sdvwsv','width=200,height=200');">here...</a>
         </body>
     </html>

   //Child page...
         <html>
          <body onBlur="self.focus();">
               here...
              </body>
          </html>

<html>
    <script language="JavaScript">
    <!--
    function openWin(){
      var myBars = 'directories=no,location=no,menubar=no,status=no';
      myBars += ',titlebar=no,toolbar=no';
      var myOptions = 'scrollbars=no,width=400,height=200,resizeable=no,top=10, left=10,';
      var myFeatures = myBars + ',' + myOptions;
      var myReadme = 'This is a test.'
      var newWin = open('', 'myDoc', myFeatures);
      newWin.document.writeln('<form>');
      newWin.document.writeln('<table>');
      newWin.document.writeln('<tr valign=TOP><td>');
      newWin.document.writeln('<textarea cols=45 rows=7 wrap=SOFT>');
      newWin.document.writeln(myReadme + '</textarea>');
      newWin.document.writeln('</td></tr>');
      newWin.document.writeln('<tr><td>');
      newWin.document.writeln('<input type=BUTTON value="Close"');
      newWin.document.writeln(' onClick="window.close()">');
      newWin.document.writeln('</td></tr>');
      newWin.document.writeln('</table></form>');
      newWin.document.close();
      newWin.focus();
    }
    -->
    </script>
    <body>
    <form>
      <b>Click the following button to open a new window: </b>
      <input type=BUTTON value="Open" onClick='openWin()'>
    </form>
    </body>

我很长一段时间以来与此搏斗。它似乎是FF中的一个错误，但是我注意到，新窗口打开后，如果我单击它，它确实会焦点并登上顶部。但是呼叫window.focus（）上没有工作，所以我猜这还为时过早。

所以在新的窗口代码中，在页面底部我添加了

setTimeout(function(){window.focus()},100);

它感觉并不能像坚实的练习一样，但是如果您需要它工作...100msec似乎是在我的系统上工作的最低。

<html>
    <script language="JavaScript">
    <!--
    function openWin(){
      var myBars = 'directories=no,location=no,menubar=no,status=no';
      myBars += ',titlebar=no,toolbar=no';
      var myOptions = 'scrollbars=no,width=600,height=400,resizeable=no,top=10, left=10';
      var myFeatures = myBars + ',' + myOptions;
      var newWin = open('test.html', '', myFeatures);
      newWin.document.close();
      newWin.focus();
    }
    -->
    </script>
    <body>
    <form>
      <b>Click the following button to open a new window: </b>
      <input type=BUTTON value="Open" onClick='openWin()'>
    </form>
    </body>
</html>
    </html>

相关内容

最新更新

热门标签：