Php Iframe需要时间来加载

Php Iframe需要时间来加载,php,jquery,iframe,Php,Jquery,Iframe,我想在iframe中显示SmartPHP日历,但加载/显示需要时间。一开始会显示一个完全白色/平淡的页面 这是我的密码 <table id="table_1" class="form_table" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr><td width="1250" height="950"> <iframe id="myIframe" src="" wi

我想在iframe中显示SmartPHP日历,但加载/显示需要时间。一开始会显示一个完全白色/平淡的页面

这是我的密码

<table id="table_1" class="form_table" align="center" cellpadding="0" cellspacing="0">
<tbody>
  <tr><td width="1250" height="950">
<iframe id="myIframe" src="" width="100%" height="950" frameBorder="0"  /></iframe> 
 </td></tr></tbody></table>
我有两个问题

1-如何缩短装载时间


2-如何向用户显示正在加载的消息/加载程序图像,以避免让用户失望和等待。

为什么要等到整个站点加载后才触发iframes内容的加载?你实际上是这样强迫延迟的

不触发从
$(document).ready…
函数加载,只需将内容url放入iframe src标记中:

<iframe id="myIframe" 
        src="http://mysite.com/smartphpcalendar/index.php" 
        width="100%" height="950" frameBorder="0">
</iframe>


这样,浏览器就可以在设置整个页面之前开始加载内容

正如arkascha所说,您应该直接将src属性应用于html元素,以加快加载速度。就显示加载屏幕而言,这可以通过在加载iframe时移除的iframe顶部覆盖div来实现

HTML

CSS


我在互联网上读到,当页面加载时加载它。如果我使用这种方式,它会在页面加载后加载?如果我错了,请纠正我。对不起,我真的不理解你的评论。通过使用jquerys
$(document).ready()
函数加载页面的方式意味着浏览器必须加载页面、初始化所有脚本等,然后添加iframes目标url,然后才能开始加载。所以你按顺序加载。相反,我建议您直接使用iframes
src
标记(正常方式),然后浏览器可以在看到iframe定义后立即开始获取url,而不管其他内容是否已经加载和初始化。那肯定会更快。
<iframe id="myIframe" 
        src="http://mysite.com/smartphpcalendar/index.php" 
        width="100%" height="950" frameBorder="0">
</iframe>
<table id="table_1" class="form_table" align="center" cellpadding="0" cellspacing="0">
<tbody>
  <tr><td width="1250" height="950">
 <div id="load_div">LOADING PLEASE WAIT</div>
<iframe id="myIframe" src="" width="100%" height="950" frameBorder="0"  /></iframe> 
 </td></tr></tbody></table>
$('#myIframe').load(function(){ 
    $('#load_div').hide();
});
#loading_div{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 950px;
}