`
- 浏览:
165974 次
- 性别:
- 来自:
成都
-
例如: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>
方案一:用iframe的name属性定位
<input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()">
或
<input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">
方案二:用iframe的id属性定位
<input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()">
方案三:当iframe的src为其它网站地址(跨域操作时)
<input type="button" name="Button" value="Button" onclick="window.open(document.all.ifrmname.src,'ifrmname','')">
方案四:通过和替换iframe的src来实现局部刷新
可以用document.getElementById("iframname").src=""来进行iframe得重定向；
>>>>>test.html>>>>>>>>>>>
<html>
<head>
<title>iframe test</title>
<script type="text/javascript">
function partRefresh() {
document.getElementById("iframe1Id").src="2.html"; // 方法一: 通过和替换iframe的src来实现局部刷新
}
</script>
</head>
<body>
<table border="1" width="90%" align="center">
<tr style="background:#F0F0E4">
<td>方格1</td>
<td>方格2</td>
<td>方格3</td>
</tr>
<tr>
<td><iframe src="1.html" id="iframe1Id" name="iframe1Name" width="100%"></iframe></td>
<td><iframe src="2.html" id="iframe2Id" name="iframe2Name" width="100%"></iframe></td>
<td><iframe src="3.html" id="iframe3Id" name="iframe3Name" width="100%"></iframe></td>
</tr>
</table><br><br>
<input type="button" value="IFRAME局部刷新" style="margin-left:70px;" onclick="partRefresh();">
</body>
</html>
>>>>>1.html>>>>>>>>>>>
<table border="1" width="90%" align="center">
<tr style="background:#F0F0E4">
<td>1-方格1</td>
<td>1-方格2</td>
<td>1-方格3</td>
</tr>
</table>
>>>>>2.html>>>>>>>>>>>
<table border="1" width="90%" align="center">
<tr style="background:#F0F0E4">
<td>2-方格1</td>
<td>2-方格2</td>
<td>2-方格3</td>
</tr>
</table>
>>>>>3.html>>>>>>>>>>>
<table border="1" width="90%" align="center">
<tr style="background:#F0F0E4">
<td>3-方格1</td>
<td>3-方格2</td>
<td>3-方格3</td>
</tr>
</table>
分享到：
相关推荐
在后台模板中，`iframe`通常被用来承载各个功能模块，如数据管理、设置等，这样当用户在不同模块间切换时，只需要加载`iframe`内的内容，而不是整个页面，实现了局部刷新的效果。 选项卡功能是另一种提高用户交互性...
本案例主要探讨如何基于AdminLTE（一个基于Bootstrap的开源后台主题）利用iframe和JavaScript实现局部刷新功能，以提升用户体验。 AdminLTE是一个免费的响应式后台模板，其设计灵感来源于Twitter的Bootstrap框架，...
在这个“基于bootstrap用iframe实现的局部刷新的案例”中，我们将探讨如何利用Bootstrap结合JavaScript（特别是与标签相关的操作）以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先，Bootstrap的Tab组件...
`iframe`是一种HTML元素，它可以在一个网页中嵌入另一个网页，使得我们可以在独立的框架内加载和显示内容，从而实现局部刷新的效果。在本案例中，我们将讨论如何利用`iframe`来实现图片的上传和无刷新展示，以及涉及...
7. **iframe局部刷新**：虽然在当前案例中没有直接提到，但有时也可以使用iframe来实现局部刷新。将需要刷新的部分放在一个iframe内，然后改变iframe的src属性即可。 通过以上步骤，你可以实现在AdminLTE和...
Iframe是一种嵌入网页的框架形式，Web页面可以通过更改嵌入的部分，达到部分内容刷新，通过本文和大家一起学习iframe实现局部刷新的几种方法汇总，对iframe局部刷新相关知识感兴趣的朋友一起学习吧
### iframe局部刷新技术详解 #### 一、概述 在网页开发中，为了提高用户体验和页面加载效率，有时候我们需要实现页面的局部刷新功能。局部刷新是指只更新页面的一部分内容，而不是整个页面重新加载。这种方式可以...
适合用于iframe框架集的几种页面刷新方法，局部刷新，动态刷新， window.location.herf的刷新方式
从给定的文件标题、描述、标签以及部分内容来看，主要涉及了四种页面局部刷新的技术，包括iframe、JavaScript、Callback（回掉函数）以及Ajax。下面将对这四种技术进行详细解析： ### 1. iframe（内联框架） ...
首先，**iframe（内联框架）**是最早的局部刷新手段之一。通过在HTML文档中嵌入一个或多个iframe元素，每个iframe可以加载不同的URL，实现页面区域的独立更新。用户在iframe中的操作不会影响到主页面，而且由于其与...
总的来说，PHP结合JavaScript和Iframe可以有效地实现动态网站的局部刷新效果，提高用户体验。通过合理的页面布局，JavaScript的交互控制以及Iframe的动态内容加载，我们可以创建出响应用户操作、更新快速且界面流畅...
- 实现局部刷新，提高用户体验。 - 隔离脚本，避免互相干扰。 - 可用于加载外部内容，如广告或第三方API。 缺点： - SEO优化困难：搜索引擎可能无法正确抓取`iframe`内的内容。 - 性能问题：过多的`iframe`可能导致...
在前端，不使用iframe意味着采用更现代的Web开发技术，如AJAX和Vue.js等，来实现在后台管理界面的局部刷新。这样可以提高用户体验，因为只更新必要的部分，而不是整个页面。前端插件的使用，如Element UI或Ant ...
本章将深入探讨四种不同的局部刷新技术：Ajax、脚本、Iframe以及ASP.NET 2.0回调。 首先，让我们来理解什么是局部刷新。传统的Web页面刷新是通过HTTP请求完整加载页面，包括所有资源，如图片、脚本和样式表。局部...
本篇文章将探讨如何在不依赖Ajax的情况下，依然能够实现在网页上的局部刷新和异步数据递交。 首先，我们可以利用HTML5引入的`<form>`元素的新特性，如`formaction`和`formmethod`属性，来实现异步提交。这些属性...
Iframe的使用可以方便地实现页面局部刷新，提高用户体验。本文件主要介绍了三种在ASP.NET中利用Iframe进行页面刷新的方法。 首先，我们来看第一种方法：“重新定向到本页”。这种方法适用于子页面需要主动刷新的...