`

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

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

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

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

    本文主要介绍下有框架页面的跳转：跳出框架，在父页面；从一个框架跳转到 name=main的框架里；ContentList 当前页的iframe名字，感兴趣的朋友可以了解下哈

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

    2.创建一个iframe 3.修改表单的target,指向iframe 4.删除iframe file.html代码如下： &lt;!DOCTYPE HTML&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &...

    400个DreamWeaver插件

    mxp/响应一个键盘按钮，然后使浏览器跳转到另一个地址 mxp/在file菜单下增加一个新的命令，可以列出最近编辑的几个文件。就好象Windows开始菜单中的“文档” mxp/现在的插件真是不得了！我恨不的给每个插件都打上5分...

    前端css+html+布局笔记

    指向链接跳转的目标地址，可以是一个相对路径 还可以是#id属性值，这样当点击超链接以后，将会跳转到当前页面的指定位置 可以使用mailto:来创建一个发送电子邮件的超链接 target 指定在哪个窗口...

    无刷新上传文件并返回自定义值

    在页面上添加一个隐藏的iframe，设置form表单的target属性设置为iframe的id，这样form提交时会将excel文件以文件流的形式传到后台，在后台接收后可进行自定义操作，之后返回的信息将显示在iframe中而不进行跳转，...

    织梦多用用户管理登录跳转

    iframe target='main'&gt; &lt;?php } ?&gt; 来决定index2.htm的头部显示的内容，左边显示的内容，右边显示的内容 2，dede默认头部文件是index2.htm，对应php文件index.php 3，dede默认的左边的文档是index_menu....

    JS异步文件上传（兼容IE8+）

    所以基本思路很简单，提交上传文件表单时，让浏览器转移到iframe处理响应信息，响应信息嵌入一段js代码，这段js代码调用当前页面的一个方法就可以实现回调，类似于xss攻击。 这时就要用到form表单的target属性，我们...

    html入门到放弃笔记

    2、target : 目标，指定新网页的打开形式 取值： 1、_blank : 在新标签页中打开网页 2、_self : 在自身标签页中打开新网页(默认值) Demo 1、创建一个超链接，内容为 ：学子商城，点击时，在自身标签页中 打开 ...

    从入门到精通HTML5——PDF——网盘链接

    　1.4 编写第一个HTML文件 8 　1.4.1 HTML文件的编写方法 8 　1.4.2 手工编写页面 9 　1.4.3 使用可视化软件制作页面 10 　1.4.4 使用浏览器浏览HTML文件 14 　1.4.5 使用HTML开发的明日图书网 14 　1.5 小结 15 　...

    HTML 链接锚标签及其在SEO中的作用介绍

    &lt;a&gt; 标签主要用于定义链接和书签，又被称作超链接或锚(anchor)...建立书签，用name 或 id属性 和超链接尾部加“#”及这个书签的name 跳转到网页某个位置 &lt;a&gt;&lt;/a&gt; &lt;a&gt;&lt;/a&gt; &lt;a&gt;&lt;/a&gt; 返回顶部 打开第一章 打开第二章&lt;/a&gt;

    HTML开发王

    1.3.2 创建第一个网页 1.3.3 查看网页的源文件 1.4 html 4.0的特点 1.4.1 国际化 1.4.2 可访问性 1.4.3 表格 1.4.4 混合文档 1.4.5 样式表 . 1.4.6 脚本 1.4.7 打印 1.5 巩固与自测 第2章 html文档的基本结构 2.1 ...

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