`
javaEEdevelop
  • 浏览: 876196 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

js iframe刷新

 
阅读更多

1.获取某个iframe下面的值

document.getElementById('verifyIframe').contentWindow.document.getElementById('hidden_uuid').value;

2.创建+刷新

function resetMobileToken(){


 var verifyIframe=document.getElementById('verifyIframe');
 if(verifyIframe){
//有了就刷新
 document.getElementById('verifyIframe').contentWindow.location.reload();
 return;
  }
//没有就创建
 verifyIframe= document.createElement("iframe");//创建iframe
 verifyIframe.src="abc.jsp";
 verifyIframe.id="verifyIframe";
 verifyIframe.name="verifyIframe";
 verifyIframe.style.display="none";
 document.body.appendChild(verifyIframe);
 
}

 abc.jsp //因为我想每次iframe中的token_uuid不一样,所以才要刷新

<%@page import="java.util.UUID"%>
<%
session.setAttribute("token_uuid",UUID.randomUUID());

%>
<input  type="hidden" id="hidden_uuid" value="<%=session.getAttribute("token_uuid")%>"/>

 

分享到:
评论

相关推荐

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

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

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

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    javascript刷新父页面

    ### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的...

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

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

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

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

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

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

    解决双iframe互相刷新进入死循环的问题

    然而,在处理多个iframe交互时,可能会遇到一个棘手的问题——双iframe互相刷新进入死循环。这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方,导致无限循环,严重影响用户体验并可能导致...

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

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

    iframe实现页面局部刷新操作

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

    iframe标签实现网页部分刷新

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

    iframe实现无刷新上传下载

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

    php+iframe 无刷新上传

    同时,为了利用iframe实现无刷新上传,`target`属性应设置为iframe的ID。 3. **IFrame应用** IFrame作为目标表单提交点,可以让表单提交在背景中进行,不更新整个页面。创建一个隐藏的iframe,将表单的`action`...

    再iframe中刷新列表

    ### 在iframe中刷新列表 #### 知识点概述 本文主要介绍了如何在使用iframe嵌套的情况下,通过不同的方法实现子页面或弹出层对父页面列表的刷新操作。具体涉及的技术包括JavaScript的基本用法、DOM操作以及第三方库...

    javascript IFrame 强制刷新代码

    以下详细说明了在JavaScript中强制刷新iframe的相关知识点。 首先,了解iframe缓存的原因和工作原理很重要。浏览器缓存内容主要是为了提高页面加载速度和减少服务器负载,但由于这种缓存,iframe中的内容在进行数据...

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

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

    使用隐藏的Iframe实现ajax无刷新上传

    ### 使用隐藏的Iframe实现Ajax无刷新上传 在Web开发中,实现文件的无刷新上传是一种常见的需求。本文将详细介绍如何通过使用隐藏的Iframe来实现这一功能,并结合所提供的代码片段进行具体分析。 #### 一、原理概述...

    js 实现iframe 之间传值

    JavaScript遵循同源策略,这意味着来自不同源(协议+域名+端口)的`iframe`之间默认无法通过JavaScript进行通信。为了解决这个问题,我们可以利用`window.postMessage()`方法,它允许跨域通信。 2. `window.post...

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

    在网页开发中,JavaScript(js)经常被用来增强用户体验,特别是在构建动态交互式的用户界面时。本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中...

    iframe加载时白块及刷新白色背景问题解决

    在使用iframe时,iframe背景为白块,刷新时也会闪过白块。如果刷新时间长,就会一直出现白块,让人很烦恼,通过网上搜资料,测试很多依然没有效果,最终解决方法如下所示,注意主要针对IE浏览器测试。

Global site tag (gtag.js) - Google Analytics