javascript弹出窗口，如iframe，div或窗口始终位于更改链接的顶部

Question

in web page, is it possible to open 'popup' frame as:
div or iframe or even window, so :
1. the user can see both , the pop window and the 'main' page ?

2. on change link in specific domain, the popped frame will remain always on top
   ( with additional code if needed)

3. the user can see both the frame and the main a and get focus with mouse click on the popped and main

4. possibility to access objects/events from popped and main. (in iframe even on different origin)

5. in standard desktop application, we can achieve it, as MDI forms, for example.

   code sample or link will help.

Answer 1

Example:

 $("#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>