返回首页

javascript控制框架页面的ta

时间:2009-01-15 18:10来源:www.cn-web.com 作者:admin 点击:
专业的WEB编程技术网站,提供技术手册、开发技巧、技术专题等功能,致力于为WEB开发人员提供动力
  
本实例用的是iframe结构。
 
在框架页面中,实现某子框架页面控制另一框架页面经常用到,今天就在左侧框架页面里单击后用javascript来控制在右侧框架页面里显示的实例:
 
图示:
 
 
由上图所示,页面中其实是嵌套了两层框架:
 
第一层架构:<iframe src="x1.aspx" width="100%" height="730" frameborder="0" marginheight="0"    marginwidth="0" scrolling="no" id="sss"></iframe>
 
x1.aspx页面里又有两个框架:
 
左侧:<iframe frameBorder="0" id="carnoc" name="carnoc" scrolling="no" src="l1.aspx" style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 160px; HEIGHT: 100%">    </iframe>
 
右侧:<iframe  id="main" name="main" scrolling="no" src="r1.aspx" style="Z-INDEX: 1; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 100%">  </iframe>
 
(注:因系统要求,这里只能用iframe)
 
OK,描述完结构,我们现在要实现,单击左侧的按钮或者链接,实现在右侧打开网页:
 
链接实现:<a href="xx.aspx" target="main">www.cn-web.com</a>
 
按钮实现:<input  type="button" value="web开发技术知识库" onclick="clframes(''1.aspx'')" />
 
<script language="javascript" type="text/javascript">
<!--
   /*
        参数urls:目标地址
       作者:老韩
       技术:www.cn-web.com
        */
function clframes(urls)
 {
    top.frames["sss"].frames["main"].document.location.href=urls;
 }
-->
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码: