JS实现刷新iframe的方法 - esteem - ITeye博客

`

esteem

浏览: 156068 次
性别:
来自: 武汉

最近访客更多访客>>

Tulongf

tiancaimvp

way_1990419

zzship

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

wkl17：我比较好奇的是为什么叫 rc.d 而不是 qd.e等其它字符 ...
linux 启动过程以及 /etc/rc.d/init.d/目录的一点理解
lwy520：如何加载自定义的属性文件
Velocity中如何判断null
linyuanquan： userdirective = org.apache.velo ...
Velocity中如何判断null
homepageax： #if($foo == $null) ...#end
Velocity中如何判断null
carlos175：现在在两台linux的服务器上部署了两个应用。webserve ...
Hessian 使用小记

JS实现刷新iframe的方法

博客分类：

JS/CSS

阅读更多

<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','')">

分享到：

字符，字节和编码 | class和classLoder的getResourceAsStream( ...

2009-09-11 18:51
浏览 1315
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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种方法有：代码如下: <iframe src=”1.htm” name=”ifrmname” id=”ifrmid”></iframe> 第一种方法:用...

基于AdminLTE（bootstrap）用iframe实现的局部刷新的案例: 总之，这个案例展示了如何利用AdminLTE和Bootstrap的强大功能，结合JavaScript和iframe实现局部刷新，这对于提升Web应用的交互性和性能至关重要。通过学习和实践这个案例，开发者能够更好地掌握现代Web开发中的关键...

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

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

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`...

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

后台管理禁止iframe刷新返回首页: 5. **禁用`iframe`的刷新按钮**：虽然这可能影响用户体验，但作为一种备选方案，可以通过CSS或JavaScript隐藏或禁用`iframe`内的刷新按钮，防止用户意外点击导致的页面跳转。 6. **路由管理**：如果后台管理系统...

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

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