Use the bootstrap framework to eject the IFRAME page in the pop-up modal box for the manned iframe page, Bootstrapiframe

HTML code:

<div class= "Modal Fade" id= "Nopermissionmodal" > <div class= "Modal-dialog" > <div class= "Modal-con Tent "> <div class=" Modal-header "> <%--<button type=" button "class=" Close "data-d Ismiss= "Modal" aria-hidden= "true" >x</button>--%> <button type= "button" class= "Close" onclick = "Window.history.go (-1);" >x</button> 
JS Code:
$ (function () {    $ ("#btnclick"). Click (function () {        var framesrc = "). /errorpages/nopermission.html ";        $ ("#NoPermissioniframe"). attr ("src", framesrc);        $ (' #NoPermissionModal '). Modal ({show:true, backdrop: ' Static '});});    
Embedding a JSP page in the IFRAME requires a div layer to be popped out of the IFRAME, but this div cannot go beyond the scope of the IFRAME
Ideas:
The div layer is defined in the parent window, and the popup div function is defined as a method popupdiv; The method of calling the parent window on the IFRAME page:
Window.parent.popupDiv ().
Embedding a JSP page in the IFRAME requires a div layer to be popped in the IFRAME, but this div is not beyond the scope of the IFRAME you solved the problem.
The pop-up layer in the IFRAME cannot bounce outside.

The only way to implement this pop-up layer is to pass the content you want to pop into the main frame and pop it in the main frame.
Reprinted from: http://www.bkjia.com/webzh/883250.html
Use the bootstrap framework to eject the IFRAME page in the pop-up modal box for the manned iframe page, Bootstrapiframe