Question

我有一个jsp页面，我在其中使用iframe填充另一个jsp页面，现在的问题是当页面（主页面）加载之后我在使用iframe加载的div，不幸的是该页面需要时间来加载所以它在那个div上显示空白了一段时间。所以任何人都可以告诉我当加载iframe时我的页面（主页）应该如何加载？

<body>
        <p>welcome to stcak</p>
        <div id="pageId">
            <iframe src="innerPage.jsp" frameborder="0" width="1000" height="510"></iframe>
        <div>
        </body>

Answer 1

我想你问的是如何加载你的主页，然后加载你的iframe。如果是这种情况，那么你可以使用一些简单的ajax。在这种情况下，我使用jQuery在加载主页的其余部分后设置iframe的源。

这样您的主页面就会加载，一旦完成，您就可以告诉iframe加载。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){ 
$('#myIframe').attr('src','innerPage.jsp');
});
//]]>
</script>
</head>
<body>
<p>welcome to stack</p>
<div id="pageId">
    <iframe src="" id="myIframe" frameborder="1" width="1000" height="510"></iframe>
</div>
<p>content that should display prior to iframe load...</p>
</body>
</html>

如何在使用iframe标签的同时减少加载jsp页面的时间？

1 个答案: