javascript实现的网页局布刷新效果
更新时间:2008年12月01日 18:57:23 作者:
AJAX,近几年火热起来的一个词.什么是ajax本文就不介绍了,其实,AJAX也就是 javascript脚本的应用.全拼是:AsynchronousJavaScript+XML .现在我们就来看一个用javascript实现的局部刷新
代码如下:
<table width="100%" height="60" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="60" valign="top">
<!-- 此处显示摄像头所属于宿舍或者(大门/围墙)的概况信息 -->
<iframe id="infoA" enableviewstate="true" src="infoA.htm" frameborder="0" scrolling="auto" style="width:648px; height:60px; margin:0px 0px 0px 0px;">
</iframe>
</td>
</tr>
</table>
触发页面内容刷新的动作为
document.getElementById("infoA").src ='B.htm'
是不是感觉明朗了许多,平时用ajax,有没有还不知道原理实现的呢?
复制代码 代码如下:
<table width="100%" height="60" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="60" valign="top">
<!-- 此处显示摄像头所属于宿舍或者(大门/围墙)的概况信息 -->
<iframe id="infoA" enableviewstate="true" src="infoA.htm" frameborder="0" scrolling="auto" style="width:648px; height:60px; margin:0px 0px 0px 0px;">
</iframe>
</td>
</tr>
</table>
触发页面内容刷新的动作为
复制代码 代码如下:
document.getElementById("infoA").src ='B.htm'
是不是感觉明朗了许多,平时用ajax,有没有还不知道原理实现的呢?
相关文章
深入理解JavaScript系列(37):设计模式之享元模式详解
这篇文章主要介绍了深入理解JavaScript系列(37):设计模式之享元模式详解,享元模式(Flyweight),运行共享技术有效地支持大量细粒度的对象,避免大量拥有相同内容的小类的开销(如耗费内存),使大家共享一个类(元类),需要的朋友可以参考下2015-03-03
最新评论