如何在其中使用 iframe 标记时减少加载 jsp 页面的时间？答案

【问题标题】：how to reduce time to load jsp page while using iframe tag in it?如何在其中使用 iframe 标记时减少加载 jsp 页面的时间？
【发布时间】：2013-04-18 14:53:51
【问题描述】：

我有一个 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>

【问题讨论】：

标签： html jsp jsp-tags

【解决方案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>

【讨论】：

页面正在加载，但问题是我试图在主页中填充的页面需要时间来加载，并且由于存在滞后（该 div 处为空白），所以只是想要要知道只有在加载 iframe 时才能加载主页..这样可以避免滞后部分或我可以通过任何其他方法来实现这一点？
好的，所以是主页面的问题，而不是 iframe，因为上述解决方案将解决任何 iframe 加载问题。如果您的主页的其他部分需要很长时间才能加载，我建议您使用 ajax 调用来加载它们。
尝试添加以下内容以加载页面中需要很长时间才能加载的部分。您需要将这些部分从您的主 JSP 页面中分离出来。这应该在用于 ajax 加载您的 innerPage.jsp $('#someDivWhereResultsShouldGo').load('timeConsumingPart.jsp'); 的同一区域中
内页正在使用一些脚本，而使用 ajax 我需要在主页中添加这些脚本，因为 ajax 不会从那里获取这些脚本，这会由于其他脚本而产生冲突（这是主要的选择 iframe 的原因，否则我会将代码直接放在主页上）。
发布更多代码来显示您的问题。这可能有助于获得更多回应。