`

iframe 的刷新方式,这样方式更方便。

    博客分类:
  • Html
阅读更多
iframe的刷新方式

1. 刷新方式可以使用 javascript 的 document.fr.location.reload()

2. 还有就是修改 document.fr.location.href 也可以实现刷新的功能

例如:
<iframe name="fr" width="96%" src="alert_search.do?method=findSys"></iframe>

<script type="text/javascript">
	function show_syslog(id){
		document.fr.location.href="/alert_search.do?method=findSys&id="+id;				
	}
</script>
<input type="button" onclick="javascript:show_syslog(1)">


注意:千万不要两种方式同时使用,如果同时使用,将会提交两次。
document.fr.location.href = "your.html"; 
document.fr.location.reload();
分享到:
评论
8 楼 wtotal 2010-02-20  
提交过一次的form,怎么不提交刷新?
7 楼 wangliang_gz 2010-02-20  
让iframe进来的页面自己刷新不就行了吗?
用<meta http-equiv=refresh content="10">
6 楼 kaki 2010-02-18  
谢谢,我正需要。
5 楼 smzd 2010-02-17  
可以回复了吗?不关小黑屋了?
4 楼 习惯在马桶上思考 2010-02-15  
做技术的人。。。。
3 楼 rainsilence 2010-02-14  
国外出差的路过。。。。
2 楼 寄生虫 2010-02-14  
如果iframe中存在form表单,并且提交过一次,这种刷新都会提示重复提交。
大年初一啦,给大家拜年。
1 楼 shenliu 2010-02-14  
我是用 document.fr.src="/alert_search.do?method=findSys&id="+id的,这样不好吗?

相关推荐

    iframe 的刷新方式 这样方式更方便

    首先,我们来详细了解一下这两种刷新`iframe`的方式: 1. 使用JavaScript的`document.frames`或`window.frames`属性: `document.frames`或`window.frames`是浏览器提供的全局对象,它们提供了对`iframe`中窗口的...

    iframe实现无刷新上传下载

    JQuery可以通过`change`事件监听这个元素,获取选中的文件信息,然后通过Ajax或者利用IFrame的`form`提交方式,将文件数据发送到服务器。 在描述中提到,该项目是基于VS2010开发的,这意味着使用的是.NET Framework...

    iframe标签实现网页部分刷新

    在网页设计和开发中,`iframe`(Inline Frame)标签是一种强大的工具,它允许我们将一个网页嵌入到另一个网页中,实现部分内容的独立加载和刷新,从而提高用户体验。`iframe`广泛应用于网站后台、模块化内容展示、...

    ifram中的页面刷新方法

    Iframe的使用可以方便地实现页面局部刷新,提高用户体验。本文件主要介绍了三种在ASP.NET中利用Iframe进行页面刷新的方法。 首先,我们来看第一种方法:“重新定向到本页”。这种方法适用于子页面需要主动刷新的...

    iframe大全

    例如,一个新闻网站可能使用`iframe`来嵌入第三方的社交分享工具,这样可以保持网站的整洁,同时方便更新分享功能,而无需改动整个页面的代码。 总结,`iframe`是HTML中一个强大的工具,虽然有其局限性,但恰当使用...

    layuiadmin-iframe3.zip

    通过深入学习和实践layuiadmin-iframe3的代码,开发者可以更好地掌握layui框架的应用技巧,特别是在处理复杂的后台管理界面时如何有效地利用iframe,提高代码的复用性和维护性。同时,这也有助于提升对前端工程化、...

    捕捉IFrame SRC改变事件

    除了上述基本的实现方式外,还有其他一些与`&lt;iframe&gt;`相关的知识点值得了解: - **跨域限制**:由于同源策略的存在,无法直接访问跨域`&lt;iframe&gt;`的内容。可以通过设置`&lt;iframe&gt;`的`sandbox`属性或在服务端配置CORS...

    添加了iframe的AdminLTE bootstrap框架

    2. **异步更新**:iframe内的页面可以独立刷新,无需刷新整个页面,提高用户体验。 3. **权限控制**:每个iframe可以独立设置访问权限,增强系统安全。 4. **代码复用**:多个页面可以共用同一份iframe内容,减少...

    基于js的iframe 可关闭tab标签组件使用方法

    这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许我们在一个网页中嵌入另一个网页。通过设置`src`属性,我们可以指定要加载的...

    layui后台管理模板(iframe版)

    1. **多页面架构**:使用iframe实现多页面管理,每个页面独立加载,减少了页面跳转带来的刷新感,提升了操作流畅度。 2. **权限控制**:通常包含用户登录、角色权限分配等功能,有助于实现后台系统的安全控制。 3. *...

    IFrame简单例子

    3. **嵌入内容**:可以方便地嵌入其他网站的内容,如地图、视频等。 4. **分离样式和脚本**:在复杂应用中,IFrame可以隔离样式和脚本,避免互相影响。 #### 缺点: 1. **SEO问题**:搜索引擎可能无法正确索引...

    Iframe交互语法

    本文将深入探讨Iframe的基本语法、交互方式以及相关的优化策略。 ### 一、Iframe基本语法 创建一个Iframe的HTML代码如下: ```html &lt;iframe src="http://example.com" width="600" height="400"&gt;&lt;/iframe&gt; ``` ...

    iframe记录历史记录(onhashchange)

    当用户在SPA中进行导航时,可以使用`onhashchange` 监听URL哈希变化,然后根据新的哈希值更新`iframe` 内容,这样,浏览器的历史记录就会反映出用户在应用中的导航路径,用户可以通过前进和后退按钮在不同状态间自由...

    Div iFrame 做的面向对象小窗口

    - `iFrame` 可以用于实现页面的局部刷新,提高用户体验,但需注意SEO和性能优化问题。 3. **面向对象小窗口**: - 面向对象是一种编程范式,强调数据和操作数据的方法。在这里,可能是将 `Div` 和 `iFrame` 结合...

    ajax iframe上传.

    这种方式可以在不刷新页面的情况下完成文件上传,并且能够方便地处理服务器返回的信息,提供更好的用户体验。然而,需要注意的是,由于涉及到iframe,这种上传方式可能受到浏览器兼容性问题的影响,需要对不同版本的...

    使用jQuery和ajax代替iframe的方法(详解)

    此外,通过这种方式,还能够更好地控制内容加载的时机和方式,提升用户体验。例如,可以实现页面无刷新的内容更新,提供更加流畅的交互体验。 在实际应用中,还可以根据具体需求,对上述基本方法进行扩展和优化。...

    iframe ajax前端框架

    **标题解析:** "iframe ajax前端框架" 指的是一种在前端开发中...以上是对"iframe ajax前端框架"及其基于Angular的描述的详细知识点解析,这些知识涵盖了前端开发的重要概念和技术,有助于理解如何构建这样的框架。

    使用iframe的案例

    - Google Maps提供了`iframe`嵌入代码,方便网站嵌入地图。 - 社交媒体分享小部件,如Facebook的Like Button或Twitter的Tweet按钮,通常通过`iframe`实现。 7. 现代Web中的替代方案 随着Web技术的发展,`iframe`的...

    基于iframe的跨域与更新父窗体地址栏的解决方案.docx

    如果考虑后续功能如“内部页面刷新保持”等高级需求,建议直接使用原生`&lt;iframe&gt;`标签,并利用其`onload`事件来实现更复杂的逻辑。 ##### 2.2 遇到的问题 - **问题描述**:在实际开发过程中,可能会遇到以下问题...

Global site tag (gtag.js) - Google Analytics