Use the Bootstrap framework to pop up the iframe page. In the pop-up mode box, the manned iframe page, bootstrapiframe
HTML code:
<Div class = "modal fade" id = "NoPermissionModal"> <div class = "modal-dialog"> <div class = "modal-content"> <div class = "modal -header "> <% -- <button type =" button "class =" close "data-dismiss =" modal "aria-hidden =" true "> × </button> -- %> <button type = "button" class = "close" onclick = "window. history. go (-1 ); "> × </button>
Js Code:
$(function(){ $("#btnclick").click(function(){ var frameSrc = "../ErrorPages/NoPermission.html"; $("#NoPermissioniframe").attr("src", frameSrc); $('#NoPermissionModal').modal({ show: true, backdrop: 'static' }); });});
:
If a jsp page is embedded in iframe, a div layer needs to be popped up in iframe, but this div cannot exceed the iframe range.
Ideas:
Define the div layer in the parent window. The pop-up div function is defined as a method popupDiv. On the iframe page, call the method of the parent window:
Window. parent. popupDiv ().
If a jsp page is embedded in iframe, a div layer needs to be popped up in iframe, but this div cannot exceed the iframe range. You have solved the problem.
The pop-up layer in iframe cannot pop out.
To implement this pop-up layer, there is only one way to pass the content you want to bring up to the main framework, and then pop up in the main framework.