`

用js操纵iframe的页面跳转

    博客分类:
  • html
 
阅读更多

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.left{float:left; width:400px; height:400px}
.right{float:left; width:400px; height:400px}
</style>
</head>
 
<body>
<div class="left">
<iframe src="maillogin.jsp" width="100%" height="100%" frameborder="0" scrolling="no";></iframe>
</div>
<!----在上一个iframe中写js代码让两个iframe同时跳转---->
<div class="right">
<iframe src="mailcheck.jsp" width="100%" height="100%" frameborder="0" scrolling="no";></iframe>
</div>
</body>

</html>

 

 

 

window.parent.frames[0].location.reload();
window.parent.frames[1].location.reload();
 

 

window.parent.frames[1].location.reload(); 
window.location.reload();
 

 

 

分享到:
评论

相关推荐

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

    ### 二、使用JS操作iframe进行页面跳转和刷新 #### 1. iframe页面跳转 在iframe内实现页面跳转通常使用`iframe.contentWindow.location.href`或`iframe.contentDocument.location.href`,具体取决于浏览器的兼容性...

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧

    用js互相调用iframe页面内的js函数

    标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...

    js调用iframe实现打印页面内容的方法

    本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一:使用iframe实现区域打印 通过创建一个iframe元素,并将其添加到文档中,可以实现在一个隔离的环境中进行打印,这样做的好处是...

    iframe 实现页面跳转 动态改变主题

    综上所述,通过iframe我们可以实现在不刷新整个页面的情况下进行页面跳转,通过JavaScript可以动态改变iframe的源地址和页面主题,而TabControl则提供了多面板的浏览体验,这些技术都是现代Web开发中不可或缺的部分...

    js处理iframe的系列问题

    根据提供的代码片段,“获取父页面iframe中id为name的元素值”,这里涉及到如何通过JavaScript访问`iframe`内的DOM元素: ```javascript // 获取名为"BoardList"的iframe中的元素 parent.frames["BoardList"]....

    子窗口iframe跳转到父窗口

    然而,在某些情况下,我们可能需要在`iframe`内部执行操作后让整个页面(即父窗口)进行跳转。例如,在`iframe`内完成表单提交后,希望返回到父窗口的某个特定页面。 #### 二、四种实现方法详解 ##### 方法一:...

    js实现页面跳转的几种方式

    以上介绍了五种使用JavaScript进行页面跳转的方法。每种方法都有其特点和适用场景: - **`window.location.href`**:最常用且灵活的方式,适合大多数页面跳转需求。 - **`window.history.back()`**:适用于简单的...

    js页面跳转整理。。

    ### JS页面跳转详解 #### 一、概述 在Web开发中,页面跳转是非常常见的需求之一。通过JavaScript可以非常灵活地控制页面的导航逻辑,无论是打开新的窗口、跳转到指定页面还是处理复杂的导航历史,JavaScript都能...

    防止被IFRAME嵌套并自动跳到首页代码.rar

    JavaScript是一种广泛用于网页交互和动态效果的编程语言,可以检测当前页面是否在IFRAME中运行,并根据条件执行相应的操作,如跳转。 在实际应用中,这样的代码可能包含以下部分: 1. `window.top` 和 `window.self...

    在iframe中调用js父页面和子页面方法

    总结,`iframe`中的JavaScript交互涉及到页面间的通信,无论是父页面调用子页面还是子页面调用父页面,都需要理解`window`对象、同源策略以及跨域通信机制。正确使用这些技术,可以在多页面应用中实现更复杂的功能...

    JQUERY实现iframe页面切换功能

    我们用`index`变量记录当前页面的位置,并使用模运算符实现循环切换。`#switchBtn`是切换按钮的ID,你可以根据实际需求更改或添加其他触发事件。 为了提高用户体验,我们还可以添加一些过渡效果,比如淡入淡出。这...

    iframe页跳转父窗体

    通过上述分析,我们了解了如何通过简单的JavaScript代码实现`iframe`页面跳转到父窗口的功能。这种方法虽然简单有效,但在实际应用中还需考虑诸多因素,如安全性和兼容性问题等。希望本文能为读者提供一定的帮助。

    js页面跳转和自动刷新

    ### JS页面跳转和自动刷新知识点详解 #### 一、页面跳转方法及其实现原理 页面跳转在Web开发中是一项非常基础且重要的功能,它涉及到用户在不同页面之间的导航与交互。JavaScript提供了多种方式来实现页面跳转,每...

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

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

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

    本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许...

    JS获取iframe内容【简化版】

    本文将详细介绍如何通过JavaScript(简称JS)来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发,逐步深入到具体的实现细节,并...

    javascript 获取iframe里页面中元素值的方法

    IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

Global site tag (gtag.js) - Google Analytics