杜鹏的小代码
中国 陕西 西安

导航

 

页面包含有多个iframe框架时,有时需要从一个iframe框架中显示的页面获取到另外一个iframe框架显示的页面的url信息,从而做一些逻辑上的处理。可以用如下方法去实现。
iframe定义页面:

index.html
<html>
<head>
<title>监控首页</title>
</head>
<body>
<div style="display:block;">
<iframe id="top" name="top" src="top.html" border="0" marginWidth="0" marginHeight="0"
frameBorder
="no" width="800px" scrolling="no" height="20px"/>
</div>
<div style="display:block; padding-top:10px">
<iframe id="main" name="main" border="0" marginWidth="0" marginHeight="0"
frameBorder
="no" width="800px" scrolling="no" height="700px"/>
</div>
</body>
</html>

 

top.html
<html>
<head>
<title>菜单</title>
<style type="text/css">
.link
{
display
:block;
float
:left;
padding-left
:20px;
padding-top
:5px;
}
.link a
{
color
:#0000FF;
font-size
:12px;
}
</style>
<script type="text/javascript">
function getMainFrameURL()
{
var url = parent.main.location.href;
alert(url);
}
</script>
</head>
<body>
<div style="display:block; border-style:solid; border-width:1px; border-color:#0000FF width:800px; height:22px">
<span class="link"><a href="main.html" target="main">打开</a></span>
<span class="link"><a href="javascript:getMainFrameURL();">测试</a></span>
</div>
</body>
</html>

 

<html>
<head>
<title>主页</title>
</head>
<body>
主要部分
</body>
</html>

 

 

 

 

posted on 2010-08-09 22:13  杜鹏  阅读(10338)  评论(0编辑  收藏  举报