html中iframe框架如何用子框架访问主框架,然后使主框架调用另一个子框架
主页homepage.html什么东西也没有,只有一两个iframe,分别调两个页面a.html,b.html我想通过a.html里的超联接,使homepage.html...
主页homepage.html什么东西也没有,只有一两个iframe,分别调两个页面a.html,b.html
我想通过a.html里的超联接,使homepage.html中调用b.html的页面换掉.
请大家多多指教!
callan126能再说细点吗?
parent.document.b.src = ''
怎么用呢
vivimypop,jxlait 理解错我的意思了.
我是希望点击a.html里的超联接,通过homepage.html中iframe属性的修改,使b.html页面换成别的页面.
cn_zxy的回答有点复杂,难于测试.
jxlait的例子所示结果不是我所想要的,但我受到提示,已经做出来了.谢谢各位! 展开
我想通过a.html里的超联接,使homepage.html中调用b.html的页面换掉.
请大家多多指教!
callan126能再说细点吗?
parent.document.b.src = ''
怎么用呢
vivimypop,jxlait 理解错我的意思了.
我是希望点击a.html里的超联接,通过homepage.html中iframe属性的修改,使b.html页面换成别的页面.
cn_zxy的回答有点复杂,难于测试.
jxlait的例子所示结果不是我所想要的,但我受到提示,已经做出来了.谢谢各位! 展开
3个回答
展开全部
给你个例子自己一试就全懂了
主页面 cc.html
<html>
<head>
<script type="text/javascript">
function temp(id) {
document.getElementById("temp").src = id;
}
function temps(id) {
alert(id);
}
</script>
</head>
<body>
主页
<a href="#" id="bb.html" onclick="temp(this.id);" > bb</a>
<a href="#" id="xx.html" onclick="temp(this.id);" > cc</a>
<Iframe id="temp" src="xx.html" width="500" heitht="600">aa</IFRAME>
</body>
</html>
子页面 xx.html
<html>
<body>
这是第一个子页面
</body>
</html>
子页面 bb.html
<html>
<body>
第二个子页面
<a href="#" id="xx.html" onclick="window.parent.temp(this.id);" > cc</a>
</body>
</html>
把这三个页面放在同一个目录下面 ，打开主页面试一下再对着代码看一下你就会找到你所需要的东西了
以下是iframe的一些语法
标记的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；
width、height："画中画"区域的宽与高；
scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出 现滚动条；如为Yes，则显示；
FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0
主页面 cc.html
<html>
<head>
<script type="text/javascript">
function temp(id) {
document.getElementById("temp").src = id;
}
function temps(id) {
alert(id);
}
</script>
</head>
<body>
主页
<a href="#" id="bb.html" onclick="temp(this.id);" > bb</a>
<a href="#" id="xx.html" onclick="temp(this.id);" > cc</a>
<Iframe id="temp" src="xx.html" width="500" heitht="600">aa</IFRAME>
</body>
</html>
子页面 xx.html
<html>
<body>
这是第一个子页面
</body>
</html>
子页面 bb.html
<html>
<body>
第二个子页面
<a href="#" id="xx.html" onclick="window.parent.temp(this.id);" > cc</a>
</body>
</html>
把这三个页面放在同一个目录下面 ，打开主页面试一下再对着代码看一下你就会找到你所需要的东西了
以下是iframe的一些语法
标记的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；
width、height："画中画"区域的宽与高；
scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出 现滚动条；如为Yes，则显示；
FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用切割套切割：
index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="52*,186*" cols="*" framespacing="1"" frameborder="NO" border="1" bordercolor="1">
<frame src="3.html" name="topFrame" id="topFrame" title="topFrame" />
<frame src="Untitled-3.html" name="aFrame" id="aFrame" title="aFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
1.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="52*,186*" cols="*" framespacing="1"" frameborder="NO" border="1" bordercolor="1">
<frame src="3.html" name="topFrame" id="topFrame" title="topFrame" />
<frame src="Untitled-3.html" name="aFrame" id="aFrame" title="aFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
现在是第一页的（222222）2222222222222
</body>
</html>
3.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<body><ul><li>第一页，1111111</li>
<li>点击 <a href="2.html" target="aFrame">2222222222</a></li>
</ul>
</body>
</html>
Untitled-2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>现在是默认的页面
</body>
</html>
Untitled-3.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>第一页的默认！！
</body>
</html>
UntitledFrame-2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body><ul><li><a href="1.html" target="mainFrame">点击换到1页，11111</a></li>
<li><a href="Untitled-2.html" target="mainFrame">回到原始默认的页面</a></li>
</ul>
</body>
</html>
别怕麻烦，把页面都复制后按名字建好，放在一个文件夹里走一遍就知道了
index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="52*,186*" cols="*" framespacing="1"" frameborder="NO" border="1" bordercolor="1">
<frame src="3.html" name="topFrame" id="topFrame" title="topFrame" />
<frame src="Untitled-3.html" name="aFrame" id="aFrame" title="aFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
1.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="52*,186*" cols="*" framespacing="1"" frameborder="NO" border="1" bordercolor="1">
<frame src="3.html" name="topFrame" id="topFrame" title="topFrame" />
<frame src="Untitled-3.html" name="aFrame" id="aFrame" title="aFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
现在是第一页的（222222）2222222222222
</body>
</html>
3.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<body><ul><li>第一页，1111111</li>
<li>点击 <a href="2.html" target="aFrame">2222222222</a></li>
</ul>
</body>
</html>
Untitled-2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>现在是默认的页面
</body>
</html>
Untitled-3.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>第一页的默认！！
</body>
</html>
UntitledFrame-2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body><ul><li><a href="1.html" target="mainFrame">点击换到1页，11111</a></li>
<li><a href="Untitled-2.html" target="mainFrame">回到原始默认的页面</a></li>
</ul>
</body>
</html>
别怕麻烦，把页面都复制后按名字建好，放在一个文件夹里走一遍就知道了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a.html
<a href="b.html#b">点击</a>
b.html
<a name="#b">链接处</a>
这样,就可以如你所说,用一个超链接通过a.html直接跳转到b.html的页面
<a href="b.html#b">点击</a>
b.html
<a name="#b">链接处</a>
这样,就可以如你所说,用一个超链接通过a.html直接跳转到b.html的页面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
