javascript脚本轻松实现局部刷新
2006-09-08 17:50
288 查看
AJAX,这个很熟悉的词,但是却用的很少的技术.
如今我遇到了需要局部刷新的功能,此前我考虑用AJAX技术,但是老总说不用费那么多时间,直接全部刷新得了.
我想到了既不用AJAX也不需要全部刷新的好办法.
其实,AJAX也就是 javascript脚本的应用.全拼是:AsynchronousJavaScript+XML .
Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。
Ajax包括:
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显示和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest进行异步数据接收
使用JavaScript将它们绑定在一起
那么在这里我不用懂得那么多知识,只要会javascript就行.
在javascript脚本里面有一个 iframe 控件, 可以将另外一个网页B的内容插入该页面A。
那么可不可以在已经打开这个页面A的时候重新将 网页B的内容插入呢?
当然可以,只要用javascript 得到 该 iframe控件的ID, 并将该控件的src属性赋值为你想要从哪里获取数据的页面.
这样,iframe控件就重新加载内容,此时,主页面并没有刷新,但是该控件的内容就已经更改了.
代码如下:
<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技术,但是老总说不用费那么多时间,直接全部刷新得了.
我想到了既不用AJAX也不需要全部刷新的好办法.
其实,AJAX也就是 javascript脚本的应用.全拼是:AsynchronousJavaScript+XML .
Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。
Ajax包括:
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显示和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest进行异步数据接收
使用JavaScript将它们绑定在一起
那么在这里我不用懂得那么多知识,只要会javascript就行.
在javascript脚本里面有一个 iframe 控件, 可以将另外一个网页B的内容插入该页面A。
那么可不可以在已经打开这个页面A的时候重新将 网页B的内容插入呢?
当然可以,只要用javascript 得到 该 iframe控件的ID, 并将该控件的src属性赋值为你想要从哪里获取数据的页面.
这样,iframe控件就重新加载内容,此时,主页面并没有刷新,但是该控件的内容就已经更改了.
代码如下:
<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';
在这个原理下,可以丰富很多的局部刷新应用.
相关文章推荐
- javascript脚本轻松实现局部刷新
- javascript脚本轻松实现局部刷新
- 几十行JavaScript脚本就能轻松实现视频通话
- javascript中定时器,主要用来实现局部刷新技术,或者定时调用某方法
- JavaScript中iframe实现局部刷新的几种方法汇总
- Javascript实现局部刷新
- 通过JavaScript脚本轻松实现视频通话
- JavaScript脚本轻松实现视频通话的开发
- javascript 实现页面的定时器,局部刷新
- 几十行JavaScript脚本就能轻松实现视频通话
- javascript 实现页面局部刷新
- 通过JavaScript脚本轻松实现视频通话
- emlog通过pjax实现无刷新加载网页--完美解决cnzz统计和javascript失效问题
- jquery ajax配合SpringMVC实现局部刷新DIV
- Android开发之ListView实现Item局部刷新
- 使用AJAX技术实现网页无闪自动局部刷新
- 『转』jsp页面实现验证码局部刷新
- iframe局部刷新的二种实现方法
- 在C#中调用JavaScript等脚本的实现<转>
- 用JavaScript脚本实现Web页面信息交互