javascript彈出窗口，如iframe，div或窗口始終位於更改鏈接的頂部

Question

在網頁中，是否可以通過以下方式打開“彈出”框架：
div或iframe甚至是窗口，因此：
1.用戶可以同時看到彈出窗口和“主頁”頁面嗎？

2. 在特定域中的更改鏈接上，彈出的框架將始終保持在頂部
   （如果需要，還有其他代碼）

3. 用戶既可以看到框架，也可以看到主體a，並通過鼠標單擊彈出的主體

4. 從彈出窗口和主窗口訪問對象/事件的可能性。 （甚至在不同來源的iframe中）

5. 在標准桌面應用程序中，我們可以以MDI形式實現它。

   代碼示例或鏈接會有所幫助。

Answer 1

例：

 $("#simple").dialog( { autoOpen: false, open: function() { $("#withIframe").dialog( "moveToTop" ); }, focus: function( event, ui ) { $("#withIframe").dialog( "moveToTop" ); } }); $("#withIframe").dialog( { autoOpen: false, open: function(ev, ui){ $('#if').attr('src','http://www.jQuery.com'); $(this).dialog( "moveToTop" ); } }); $(".link").click(function() { $("#simple").dialog('option','modal',$('#isModal').prop('checked')).dialog( "open" ); }); $(".link_iframe").click(function() { $("#withIframe").dialog( "open" ); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet"/> <script src="https://code.jquery.com/ui/jquery-ui-git.js"></script> <label><input type='checkbox' id='isModal' /> Is Modal? </label> <a href='#' class='link'>link</a> <a href='#' class='link_iframe'>link (iframe)</a> <div id='simple'> <h2> Simple dialog </h2> </div> <div id='withIframe'> <iframe id='if' src=''></iframe> </div>