`

JS实现刷新iframe的方法2

    博客分类:
  • JS
Go 
阅读更多

iframe中刷新父页面方法及一些按钮刷新代码集合【原创+转】2009-07-23 11:12a页面里iframe了个b页面,我想实现在b页面里一个按钮,一按就刷新a页面,也就是父页面,不是只刷新iframe里面的b页面 哦~

请问b页面里的 <input type="button" class="btn" value=" 返 回 " onclick="history.back();">那个onclick 要怎么写呢?啊哈

答案是:parent.location.reload() ;


以下是网上的:

十一种刷新按钮的方法。很不错的,经常上网要找。哈哈。这下放这里了。
<input type=button value=刷新 onclick="history.go(0)">
<input type=button value=刷新 onclick="location.reload()">
<input type=button value=刷新 onclick="location=location">
<input type=button value=刷新 onclick="location.assign(location)">
<input type=button value=刷新 onclick="document.execCommand('Refresh')">
<input type=button value=刷新 onclick="window.navigate(location)">
<input type=button value=刷新 onclick="location.replace(location)">
<input type=button value=刷新 onclick="window.open('自身的文件','_self')">
<input type=button value=刷新 onClick=document.all.WebBrowser.ExecWB(22,1)>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0> </OBJECT>
<form action="自身的文件">
<input type=submit value=刷新>
</form>
<a id=a1 href="自身的文件"> </a>
<input type=button value=刷新 onclick="a1.click()">

分享到:
评论

相关推荐

    JS页面跳转和js对iframe进行页面跳转、刷新

    刷新iframe内的页面可以通过再次设置`location.href`属性来实现。 ```javascript var iframe = document.getElementById('myIframe'); iframe.src = iframe.src; // 或者 iframe.contentWindow.location.reload(); `...

    js实现刷新iframe的方法汇总

    javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: 代码如下: &lt;iframe src=”1.htm” name=”ifrmname” id=”ifrmid”&gt;&lt;/iframe&gt; 第一种方法:用...

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

    本案例主要探讨如何基于AdminLTE(一个基于Bootstrap的开源后台主题)利用iframe和JavaScript实现局部刷新功能,以提升用户体验。 AdminLTE是一个免费的响应式后台模板,其设计灵感来源于Twitter的Bootstrap框架,...

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

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

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

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

    iframe标签实现网页部分刷新

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

    使用iframe实现点击导航无刷新切换页面

    这里的JavaScript函数`changeIframe`接收一个参数,即要加载的页面URL,并将其赋值给`iframe`的`src`属性,从而实现在导航栏点击时无刷新切换内容。 **三、Bootstrap导航栏的响应式设计** Bootstrap的导航栏是响应...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个页面的情况下更新某些特定区域,这通常是通过`iframe`(Inline Frame)来实现的。`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架...

    js 实现iframe 之间传值

    本篇文章将详细介绍如何使用JavaScript来实现在`iframe`之间传递值。 1. 同源策略与跨域限制: JavaScript遵循同源策略,这意味着来自不同源(协议+域名+端口)的`iframe`之间默认无法通过JavaScript进行通信。...

    iframe实现无刷新上传下载

    "iframe实现无刷新上传下载"是一个利用IFrame和JQuery技术来创建的项目,它允许用户在不刷新整个页面的情况下进行文件的上传和下载操作,提高了交互效率,同时也保持了页面状态的连续性。 首先,我们要理解什么是...

    js iframe 方法及元素相互调用

    在JavaScript(JS)中,`iframe`是一种非常有用的元素,它允许我们在一个页面中嵌入另一个页面。这种技术常用于加载外部内容、实现页面部分刷新、或者在不同域之间进行跨域通信。本文将深入探讨如何使用JS与`iframe`...

    后台管理禁止iframe刷新返回首页

    2. **监听`iframe`的`load`事件**:通过JavaScript,我们可以监听`iframe`的`load`事件。当`iframe`加载完成时,检查`localStorage`或`sessionStorage`中的数据。如果发现用户之前在二级菜单页面,可以阻止默认的...

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

    这个案例是关于如何在基于AdminLTE和Bootstrap的项目中,利用JavaScript实现页面的局部刷新功能。AdminLTE是一款流行的后台管理界面框架,它基于Bootstrap构建,提供了丰富的组件和预设样式,使得开发者能够快速搭建...

    js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法

    通过保存iframe的src属性并重新赋值,我们能够刷新iframe内容而不影响父页面。当然,这种方法要求父页面和子iframe之间在相同域下,否则JavaScript的跨域限制将导致代码无法正常工作。通过这种方式,开发者可以灵活...

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

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

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

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

    解决JS跨域访问IFrame的解决方案

    在Web开发中,JavaScript(JS)的同源策略限制了不同源之间进行交互,包括从一个页面中的脚本访问另一个不同源的IFrame内容。"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中...

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

    以上就是基于JavaScript的iframe可关闭tab标签组件的实现方法。这个组件可以根据实际需求进行扩展和定制,比如添加动画效果、缓存iframe内容以提高性能等。希望这个教程对你在网页开发中实现类似功能有所帮助。如果...

Global site tag (gtag.js) - Google Analytics