例如: <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之局部刷新的更多相关文章

  1. iframe实现局部刷新和回调（转）

    今天做项目遇到一个问题.就是提交表单的时候,要在后台验证用户名是否存在和验证码是否正确. 当验证码或者用户名存在的时候.在后台弹窗提示.可页面原本file里面符合要求的值刷新没了.用户体验不好.因为用 ...

  2. iframe局部刷新的二种实现方法

    需求描述: 当页面有一部分是不变的或整个页面的图片很多时,可以考虑使用局部刷新,以提高整体的下载速度与用户体验.   1,iframe实现局部刷新的方法一 复制代码代码示例: <script t ...

  3. （局部刷新）jquery.ajax提交并实现单个div刷新

    web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法 ...

  4. 使用ajax与iframe嵌套实现页面局部刷新

    使用ajax与iframe嵌套实现页面局部刷新.该javascript代码仅供参考,需按自己需要修改.​1. [代码]javascript代码 function cj_start(depname,gr ...

  5. js控制iframe的刷新（页面局部刷新）

    今天遇到个问题,后台会员审核之后,页面内的会员审核状态要及时改变,但又不能指望用户手动刷新(用户体验很不好) 如果审核页面和显示审核状态时同在一个html页面的话,那么直接用js改变div内部的文本就 ...

  6. 在.NET MVC下不用iframe实现局部加载html

    最近在做个后台系统,之前都是用iframe来实现加载内容,左侧菜单不刷新.但一直不喜欢这种方法,有许多弊端.今天自己在网上查找了一番后找到了比较好的替代方案: 一.利用html的锚点标记来实现无刷新页 ...

  7. FineReport——JS二次开发（局部刷新）

    在FR中,可以通过在form表单设置多个报表模板,然后通过对某一模板刷新实现局部刷新的功能,在cpt模板中,由于只存在一个模板,所以无法实现局部刷新. 其实,最好的局部刷新办法是自定义一个页面,然后添 ...

  8. c#用UpdatePanel实现接局部刷新

    通常我们看到局部刷新就会想到Ajax,但是我今天要说的是c#的一个控件,只要把服务器按钮和要刷新的区域放在该控件内就能实现局部刷新. 当然它必须和ScriptManager控件一起使用. Update ...

  9. 浅析PHP页面局部刷新功能的实现小结(转)

    转载地址 https://www.jb51.net/article/38901.htm 方法其实挺多的.以前比较常用的是iframe这样来做.现在多了个ajax,所以一般情况下都是用的ajax.第一种 ...

随机推荐

  1. Dynamics CRM 报表导出EXCEL 列合并问题的解决方法

    CRM中的报表导出功能提供了多种格式,excel就是其中之一,这次遇到的问题是导出后打开excel列明合并的问题,具体如下看着相当不美观,物料名称字段占了AB两列,品牌占了CD两列等等. 该问题的源头 ...

  2. (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞

    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 前一篇博文介绍了物理对象中小球与砖块的碰撞处理,在这一篇中我们再 ...

  3. iOS 图片裁剪与修改

    最近做的项目中需要上传头像,发表内容的时候也要涉及到图片上传,我直接用的原图上传,但是由于公司网络差,原图太大,老是加载好久好久,所以需要把原图裁剪或者修改分辨率之后再上传,找了好久,做了很多尝试才解 ...

  4. 检查app的activity是否在当前

    APP开发中经常会遇到这种需求,需要检查当前的APP是不是可见的,比如,如果是可见的就维持一个socket长连接,如果切到后台不可见了,就断开这个连接.Android本来并不允许APP去监听home键 ...

  5. 固定宽高的DIV绝对居中示例

    看了一些代码,然后自己试验了一番,分享如下示例: 实现点: 如果元素的宽高固定,那么,css指定样式为top:50%;left:50%; 而margin-top和 margin-left 指定为负数, ...

  6. html详解（二）

    4.多媒体标签 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...

  7. Linux--缺页中断和交换技术

    1．请求调页中断:进程线性地址空间里的页面不必常驻内存,例如进程的分配请求被理解满足,空间仅仅保留vm_area_struct的空间,页面可能被交换到后援存储器,或者写一个只读页面(COW).Linu ...

  8. 简译《Dissecting SQL Server Execution Plans》——连载总入口

    转载请注明出处 由于工作及学习需要,最近看了一下<Dissecting SQL Server Execution Plans>,这是少有的专门描述执行计划的优秀书籍,为了快速查找并供入门同 ...

  9. python的安装，IDLE基本操作

    §一.安装Python 1. 下载Active Python安装包 根据你机器型号download Python,32b选择for windows X86,64b选择for window 64b 2. ...

  10. 【Linux 操作系统】Ubuntu 基础操作 基础命令 热键 man手册使用 关机 重启等命令使用

    . : 关机, 如果将Linux默认运行等级设置为0, 系统将无法启动; -- : 多用户模式, 允许使用网络文件系统, 一般不使用图形界面登陆就是这种模式; -- : 多用户图形界面模式, 该模式下 ...