跨iframe显示内容

来源:互联网 发布:vb.net 判断excel 启动 编辑:程序博客网 时间:2024/06/01 18:42

公司后台管理系统是用frameset frame布局的

如下:
这里写图片描述

现在需求是在top页面里面加一个按钮,但在right页面显示,一开始觉得应该很容易,但费了九牛二虎之力,都没能实现(可能是本人js能力有限),看了网上其他人的意见,有了一些思路:要想直接去跨frame域基本是不可能的,可以将父页面转换成div iframe结构,子页面再通过jquery对父页面或子页面中的div进行样式修改,传数据等,问题完美解决。

布局如下:
这里写图片描述

其中div内就是我想显示内容的地方。

小贴士
子页面访问父页面元素的jquery方法

 $("#list", parent.document).html(list); $("#list", parent.document).css("left",45);

子页面访问其他子页面元素的方法

$("#list",parent.parent.right.document).css("display","none");             //right为其他frame的id

总结
因为之前没有接触过frame布局,经过学习了解到

  1. frame不能脱离frameSet单独使用,iframe可以
  2. frameSet frame放在head中并且不能和body同时使用
  3. frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制