iframe页面跳转 iframe多内嵌网页间跳转方法

发布时间:2020-10-07编辑:脚本学堂
本文介绍了iframe中多个内嵌网页间实现跳转的方法,iframe页面跳转实例教程,有需要的朋友参考下。

怎么实现iframe多个内嵌网页间跳转?主页面中内嵌了多个iframe页面如何实现相互跳转?

解决方案1:
主要使用window.parent(当前窗口父窗口)和window['子窗口名']来完成。
共三文件1.htm放第iframe2.htm放第二iframe3.htm放置两iframe父窗口
3.htm内容:
 

复制代码 代码示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>iframe页面跳转方法--www.jb200.com</title>
</head>
<body>
<iframe src="1.htm" name="first" style="border:2px solid red "></iframe>
<iframe src="2.htm" name="second" style="border:2px solid blue "></iframe>
</body>
</html>

1,htm内容:
 

复制代码 代码示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>iframe页面跳转方法--www.jb200.com</title>
</head>
<script language="javascript">
function Change()
{
window.parent.window['second'].location='1.htm';
}
function Change2()
{
window.parent.window['second'].location='2.htm';
}
</script>
<body>
第文档
<input type="button" value="让第二iframe显示1.htm" onClick="Change();">
<input type="button" value="让第二iframe显示2.htm" onClick="Change2();">
</body>
</html>

2,htm内容:
 

复制代码 代码示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>iframe页面跳转方法--www.jb200.com</title>
</head>
<body>
第2文档
</body>
</html>

相关阅读:iframe页面跳转的各种方法

解决方案2:
通过对数据库的索引,我们还为您准备了:
iframe多个内嵌网页间跳转
问:我在主页面里内嵌了多个iframe,如何实现相互跳转 比如我在第一个iframe...
答:主要使用window.parent(当前窗口的父窗口)和window['子窗口名']来完成,示例如下: 一共三个文件,1.htm放到第一个iframe中,2.htm放到第二个iframe中,3.htm为放置这两个iframe的父窗口。 3.htm内容: 无标题文档 1.htm内容: 无标题文档 fun...
===========================================
iframe内嵌页面跳转时主页面如何不跳到页面顶部的...
问:我在主页面里内嵌了多个iframe,如何实现相互跳转 比如我在第一个iframe...
答:ifame target 不设置值的话,就是在iframe中跳,你可以去http://www.w3school.com.cn/tags/tag_doctype.asp ,去看看iframe标签,表示解释的挺详细的
===========================================
想在JSP页面里加入一个内嵌框架,让其他页面在这个...
问:我在主页面里内嵌了多个iframe,如何实现相互跳转 比如我在第一个iframe...
答:你的意思是一个页面中几个框架 点击左边框架里面的一个连接,右边的框架来处理跳转是吧? 在定义框架的时候 右边框架的属性中加上“name=‘right’” 然后左边框架里的超链连接“右边框架来处理的超连接” 如果是想整个页面跳转 则这么写整个页面跳转...
===========================================
怎么用js回调函数实现在两个网页之间传接参数功能...
问:就是a.aspx是嵌在b.aspx中的网页,要求b先向a中传一个参数,然后做一些...
答:父窗口可以在取得iframe对象以后(document.getElementById)以后(比如ifa),用ifa.function1()来调用iframe里面window.function1函数,iframe里面的js可以用parent.function2()来调用父窗口里面的window.function2函数。 赋值的话就更简单了...
===========================================
Php页面 跳转到带有多个iframe嵌套的指定嵌套页面
问:图片上传数量有限!我就直接把代码贴出来! 这是管理员成功登录的代码,...
答:将首页嵌套代码中的iframe改为:
===========================================
网页页面内嵌iframe之后怎样把每一个iframe建立一...
问:页面内部如果用iframe嵌入一个框架,或者用AJAX的话,会出现问题, 首先...
答:页面内部如果用iframe嵌入一个框架,或者用AJAX的话,会出现问题,首先,在页面内i... 网页中如何实现点击iframe中的一个链接,使整个页面(不是只有iframe)跳转...
===========================================
如何在一个html页面中嵌入多个iframe并实现table样...
问:要显示成五行三列我已用table控制了,但现实成上面图的样子了
答:是不是因为iframe的高宽设置问题?看看iframe的属性设置了哪些,为什么用table控制,直接frameset不行嘛?
===========================================
iframe中嵌入的html第二次跳转过去就不能用了
问:要显示成五行三列我已用table控制了,但现实成上面图的样子了
答:iframe与网页差异只是在于Iframe是插入到其他网页中。所以不存在第二次跳转过去不能用。一定是跳转过去的那个url出现问题。