jquery刷新iframe页面的方法(兼容主流)

1,reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])  
参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

 代码如下 复制代码
<script language="JavaScript">
window.location.reload();
</script>

这样就实现了页面刷新了,当然还有其它办法了,那么要刷新框架页面我们要如何操作

 代码如下 复制代码

//方法1

document.getElementById('FrameID').contentWindow.location.reload(true);

//方法2
document.getElementById('youriframe').src=src;

实例:

 代码如下 复制代码
<iframe id="myframe" width="100%" frameBorder="0" src="test.html" scrolling="no"></iframe>
<input type="button" onclick="javascript:refreshFrame();" value="Refresh Frame" />
 
<script type="text/javascript">
<!--
function refreshFrame(){
    document.getElementById('myframe').contentWindow.location.reload(true);
}
//-->
</script>


二。jquery实现强制刷新

$('#iframe').attr('src', $('#iframe').attr('src'));

三,如果是打开的新页面我们要刷新的话可以使用如下代码来刷亲

 代码如下 复制代码
//刷新包含该框架的页面用  
<script language=JavaScript>
   parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>   )
//刷新另一个框架的页面用  
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

总结:网上一大堆document.frames('ifrmname').location.reload()已经不能用了

时间: 2024-11-18 21:22:19

jquery刷新iframe页面的方法(兼容主流)的相关文章

jquery刷新iframe页面的方法

  1,reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")  代码如下   <script language="JavaScript"> window.location.reload(); </script&g

jQuery操作iframe页面DOM例子

如图,左侧是一个表单,右侧是一个iframe嵌入的页面,要实现的效果是,左边表单选择不同的模板,右侧要展现不同的模板页面,当输入的标题,文案发送改变,右侧也要实时动态变化,提供预览的效果. 1.jQuery改变iframe引用页面 选择不同模板,iframe展现不同的模板页面,只需在模板选项发生改变事件时,改变iframe的src属性值为新的模板路径即可. PHP //获取模板并在预览框展示function previewTemplate(template_id) {$.post("/tipsa

jquery加载页面的方法(页面加载完成就执行)_jquery

1.$(function(){ $("#a").click(function(){ //adding your code here }); }); 2.$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); }); 3.window.onload = function(){ $("#a").click(function(){ //add

jquery异步调用页面后台方法&amp;amp;#8207;(asp.net)_jquery

复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&

jQuery基于ID调用指定iframe页面内的方法_jquery

本文实例讲述了jQuery基于ID调用指定iframe页面内的方法.分享给大家供大家参考,具体如下: 复制代码 代码如下: $(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPagerList(); 说明: iframeID 为iframe的ID: initPagerList 为 iframe 页面内的方法. <html> <head> <title>

js实现刷新iframe的方法汇总

 js实现刷新iframe的方法汇总 这里给大家汇总了一些js实现刷新iframe框架的方法,非常的简单实用,有需要的小伙伴可以参考下.     javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有:    代码如下: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>   第一种方法:用

jQuery AJAX实现调用页面后台方法_AJAX相关

本文实例为大家分享了jQuery AJAX调用页面后台方法,供大家参考,具体内容如下 1.新建demo.aspx页面. 2.首先在该页面的后台文件demos.aspx.cs中添加引用. using System.Web.Services; 1).无参数的方法调用. 大家注意了,这个版本不能低于.net framework 2.0.2.0已下不支持的. 后台代码: [WebMethod] public static string SayHello() { return "Hello Ajax!&q

jQuery AJAX实现调用页面后台方法

本文实例为大家分享了jQuery AJAX调用页面后台方法,供大家参考,具体内容如下 1.新建demo.aspx页面. 2.首先在该页面的后台文件demos.aspx.cs中添加引用. using System.Web.Services; 1).无参数的方法调用. 大家注意了,这个版本不能低于.net framework 2.0.2.0已下不支持的. 后台代码: [WebMethod] public static string SayHello() { return "Hello Ajax!&q

session-iframe刷新页面时不刷新父页面

问题描述 iframe刷新页面时不刷新父页面 session过期之后刷新页面跳转到登陆页面的时候父页面不刷新,父页面里面包含登录的页面 解决方案 一,iframe刷新父页面? iframe页面是内嵌到父页面的,当点击iframe页面的服务器控件时,默认只刷新iframe页面,父页面是不会刷新的.若想刷新父页面,可以使用js来实现,如 ?1. parent.location.reload(); ?这种方法会重新加载整个页面.但如果要在原页面的基础上传递参数,则可以使用下面的方法: ?2......