`
footman265
  • 浏览: 119028 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

用iframe实现网页局部刷新

阅读更多

   在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';

分享到:
评论

相关推荐

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    在这个案例中,我们将使用iframe和JavaScript来实现局部刷新。Iframe,即内联框架,可以在一个HTML文档中嵌入另一个HTML文档,这样我们就可以独立地加载和更新页面的部分内容。 具体实现步骤如下: 1. 首先,在...

    基于bootstrap用iframe实现的局部刷新的案例

    在这个“基于bootstrap用iframe实现的局部刷新的案例”中,我们将探讨如何利用Bootstrap结合JavaScript(特别是与标签相关的操作)以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先,Bootstrap的Tab组件...

    bootstarp+iframe 实现局部刷新 后台模板

    在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要加载`iframe`内的内容,而不是整个页面,实现了局部刷新的效果。 选项卡功能是另一种提高用户交互性...

    iframe实现页面局部刷新操作

    `iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架内加载和显示内容,从而实现局部刷新的效果。在本案例中,我们将讨论如何利用`iframe`来实现图片的上传和无刷新展示,以及涉及...

    基于AdminLTE(bootstrap)用JS实现的局部刷新的案例

    7. **iframe局部刷新**:虽然在当前案例中没有直接提到,但有时也可以使用iframe来实现局部刷新。将需要刷新的部分放在一个iframe内,然后改变iframe的src属性即可。 通过以上步骤,你可以实现在AdminLTE和...

    iframe标签实现网页部分刷新

    - 实现局部刷新,提高用户体验。 - 隔离脚本,避免互相干扰。 - 可用于加载外部内容,如广告或第三方API。 缺点: - SEO优化困难:搜索引擎可能无法正确抓取`iframe`内的内容。 - 性能问题:过多的`iframe`可能导致...

    iframe之局部刷新

    iframe之局部刷新 - 行知 - JavaEye技术网站.mht

    JavaScript中iframe实现局部刷新的几种方法汇总

    Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧

    PHP网站使用JavaScript和Iframe简单实现部分刷新效果1

    总的来说,PHP结合JavaScript和Iframe可以有效地实现动态网站的局部刷新效果,提高用户体验。通过合理的页面布局,JavaScript的交互控制以及Iframe的动态内容加载,我们可以创建出响应用户操作、更新快速且界面流畅...

    页面四种局部刷新技术.txt

    示例代码中展示了如何使用JavaScript监听按钮点击事件,获取表单输入值,并通过改变`iframe`的`src`属性来实现局部刷新。 ### 3. Callback(回掉函数) Callback是一种编程模式,通常用于异步操作中,如数据加载...

    iframe框架的多种刷新方法总结

    适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式

    iframe局部刷新.txt

    ### iframe局部刷新技术详解 #### 一、概述 在网页开发中,为了提高用户体验和页面加载效率,有时候我们需要实现页面的局部刷新功能。局部刷新是指只更新页面的一部分内容,而不是整个页面重新加载。这种方式可以...

    拒绝Ajax,同样让你的网页局部刷新,异步递交

    总结来说,虽然Ajax是实现网页局部刷新和异步递交的常见方法,但我们也可以通过HTML5新特性、原生的`fetch` API、`XMLHttpRequest`以及服务器端的处理来达到相同的效果。这些替代方案使得开发者能够在不依赖...

    四种局部刷新技术

    在网页开发中,局部刷新是一种优化用户体验的重要技术,它允许页面的部分内容在不重新加载整个页面的情况下更新。这里我们将深入探讨四种常见的局部刷新技术:iframe、JavaScript、callback以及Ajax。 首先,**...

    springboot页面局部刷新后台管理系统

    在前端,不使用iframe意味着采用更现代的Web开发技术,如AJAX和Vue.js等,来实现在后台管理界面的局部刷新。这样可以提高用户体验,因为只更新必要的部分,而不是整个页面。前端插件的使用,如Element UI或Ant ...

    本章比较了4种不同的局部刷新技术

    在IT领域,局部刷新是一种优化用户体验的技术,它允许网页的部分区域在不重新加载整个页面的情况下进行更新。这显著提高了交互性和响应性,特别是在处理大量数据或实时更新的应用中。本章将深入探讨四种不同的局部...

    springmvc 集成 tiles2实现页面模板局部刷新

    4. **局部刷新**:在Tiles2中,实现局部刷新的关键在于正确地组织页面结构和使用AJAX。每个可刷新的区域可以视为一个单独的tile,通过AJAX请求更新该区域的内容。使用JavaScript库如jQuery或者Vue.js,可以方便地...

Global site tag (gtag.js) - Google Analytics