`

IFrame页面内target目标跳转到另一个iframe

iFramehmtmljs 
阅读更多
IFrame页面内target目标跳转到另一个iframe

今天遇到的问题是如何让在同一页面内的两个Iframe中的链接可以进行跳转。自己做了个尝试，其实也就是两行代码就搞掂了,代码如下: 
main.html
<html>
<head></head>
<body>
<iframe id="links" src="left.html" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
<br>
<iframe id="rightFrame" src="welcome.html" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
</body>
</html>
left.html
<html>
<body>
<a href="#" onclick="test()">test</a>
</body>
</html>
js部分
function test(){
var frameid = parent.document.getElementById("rightFrame");
frameid.src = "right.html";
}ameid.src = "right.html";
}
分享到：
| Hadoop（quick start）快速入门
评论
发表评论

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

相关推荐

    Iframe页面请求跳转问题解决

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

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

    在表单提交时，通过设置`target`属性为特定的iframe，可以使表单数据提交到该iframe内，从而实现页面跳转。 ```html &lt;form target="myIframe"&gt; &lt;!-- 表单元素 --&gt; ``` #### 4. 使用`window.opener` 当一个新窗口...

    子窗口iframe跳转到父窗口

    在现代Web开发中，`iframe`（Inline Frame）是一种常见的技术，用于在当前网页中嵌入另一个网页或文档。通过`iframe`，开发者可以实现丰富的功能，如广告展示、第三方登录集成等。然而，在某些情况下，我们可能需要...

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

    `iframe`允许我们在一个HTML文档中嵌入另一个HTML文档，从而实现页面内容的动态切换，而不会打断用户的操作流程。 **一、iframe的基本使用** `&lt;iframe&gt;`标签是HTML5中的一个元素，用于在当前文档中嵌入另一个文档。...

    ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    TreeView控件中的每个TreeNode节点设置了一个文本显示和一个链接地址（NavigateUrl），以及一个目标属性（Target），这个目标属性指向右iframe的名称（Right）。当用户在TreeView控件中选择一个节点时，链接地址会被...

    Android WebView拦截iframe标签内部跳转教程

    iframe 是 HTML 中的一个标签，用于在当前网页中嵌套另一个网页。iframe 标签内部可以包含其他网页的内容，例如图片、视频、音频等。然而，在 Android WebView 中，如果我们不做特殊处理，iframe 标签内部的跳转将...

    iframe的2种用法

    这是`iframe`最基础的用法，通过设置`src`属性，我们可以直接将一个HTML页面嵌入到当前页面中。以下是一个基本的`iframe`标签示例： ```html &lt;iframe src="http://example.com/嵌入的页面....

    js页面跳转的问题(跳转到父页面、最外层页面、本页面)

    在Web开发中，页面跳转是常用的页面控制技术之一，它允许用户从当前页面跳转到另一个页面。在嵌套的iframe结构中，页面跳转会变得稍微复杂一些，因为需要定位到正确的目标页面。JavaScript提供了不同的对象和属性来...

    js页面跳转整理。。

    这种方式非常适合于直接跳转到另一个页面。 ##### 3. **`window.navigate()`** 虽然在某些浏览器中仍然可用，但`window.navigate()`并不是一个标准的方法，因此并不推荐使用。其语法如下： ```javascript ...

    js 有框架页面跳转(target)三种情况下的应用

    当页面被包含在一个或多个框架内时，如果想要进行页面跳转，但目标是框架外的父页面，可以使用`window.parent`对象来实现。例如，以下两种代码示例展示了如何使用JavaScript进行父页面跳转： - JSP: ```jsp ...

    iframe使用post数据方式显示

    这种方式能够有效地实现在一个页面中展示不同的内容或功能模块，而无需跳转到新的页面。本文将探讨如何通过`&lt;iframe&gt;`结合`POST`请求来实现数据的传递，并展示一种利用`&lt;form&gt;`表单的方式完成这一过程。 #### 二、...

    Form提交表单页面刷新不跳转

    iframe是一个内联框架，能够在一个页面中嵌入另一个页面。通过设置表单的target属性指向一个隐藏的iframe，当表单被提交时，数据就会发送到这个iframe中而不是新的页面。因为iframe是隐藏的，用户看不到它加载新内容...

    dcat-iframe-tab:在dcat-admin中使用iframe作为页面架构并发布标签页使页面切换无需刷新

    使用此扩展包可以构建出一个iframe架构并带有标签页管理的后台框架。 功能 双击关闭标签页 当标签页过多时，可通过鼠标滚轮选择或者按住鼠标拖动 支持右键操作（目前支持的操作有：关闭所有标签、关闭其他标签、刷新...

    mvc常用的跳转

    `：跳转到上一个页面（即引用该页面的页面）。 以上就是在MVC中常用的几种页面跳转方式及其应用场景的详细介绍。通过这些方法，开发者可以根据实际需求灵活地实现页面之间的导航，提升应用程序的功能性和可用性。

    解决layer弹出层的内容页点击按钮跳转到新的页面问题

    回调函数是被作为参数传递到另一个函数中，并在另一个函数执行完毕后被调用的函数。在AJAX调用中，`success`和`error`参数即为回调函数，它们分别在请求成功和请求失败时被调用。 ### 知识点6：CSS尺寸单位 在设置...

    使用iframe实现提交表单不刷新页面

    `&lt;iframe&gt;`允许我们将一个网页嵌入到另一个网页中，使其在后台运行，从而达到不影响主页面的效果。 首先，我们需要在HTML文档中添加一个隐藏的`&lt;iframe&gt;`元素。它的大小通常设为0，以确保它在页面上不可见，同时...

    Form表单提交刷新页面不跳转源码设计

    接下来，iframe是一种在网页内嵌入另一个HTML页面的技术。通过在HTML表单的`target`属性指定iframe的ID，当表单提交时，响应的内容就可以在指定的iframe中显示，而不是整个页面跳转。在本例中，一个隐藏的iframe（`...

    JS子页面掉父页面

    例如，子页面可以改变`window.parent.location.href`来使父页面跳转到新的URL。 四、事件触发和监听 子页面可以创建并触发自定义事件，然后由父页面监听这些事件以执行相应的处理。这种方式需要确保事件能够在不同...

    HTML a 标签的 target 属性.doc

    - 不要在自定义框架名称或 ID 中使用下划线作为第一个字符，因为这可能会导致浏览器忽略这些名称或 ID。 #### 六、总结 通过灵活使用 `&lt;a&gt;` 标签的 `target` 属性，开发者能够更好地控制用户界面的交互体验，尤其...

    php+iframe 实现上传文件功能示例

    我们给iframe一个随机的名字以避免冲突，并将其设置为不可见。 ```javascript var ifrName = 'upfile' + Math.random(); var ifr = $("&lt;iframe name='" + ifrName + "' width='0' height='0' frameborder='0'&gt;&lt;/...

Magicbox
Global site tag (gtag.js) - Google Analytics