跨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布局,经过学习了解到
- frame不能脱离frameSet单独使用,iframe可以
- frameSet frame放在head中并且不能和body同时使用
- frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制
阅读全文
0 0
- 跨iframe显示内容
- iframe加载birt 页面不显示内容
- IE6 bug:iframe空白,无法显示内容
- IE6下iframe内容不显示bug
- iframe不能显示内容的问题
- 内容显示到iframe的特定区域
- 根据iframe中内容设置iframe显示的高度
- IFrame取消滚动条并且按内容长度显示mht
- iframe 不使用滚动条显示所有的内容
- EasyUI进阶:一、如何在Dialog中显示iframe内容
- iframe 点击左侧菜单栏 右侧显示相应的网页内容
- 菜单跨iframe显示-参考
- 跨框架iframe菜单显示
- flex 弹窗口嵌套iframe,移动窗体iframe内容不显示了问题处理
- 让链接在指定的iframe中跳转显示,实现链接内容不刷新父页面显示到iframe中
- 同一页面中实现点击其中一个iframe中的链接后,将链接内容显示到另一iframe
- 清空iframe内容
- 得到IFrame中的内容
- 异常类处理1
- input输入框中的radio如何选中el表达式获取的值
- 随便发发,java gb2312与中文字符转换,以及中文和Unicode的转换
- js获取指定日期的下一天
- Spring boot 通过@ConfigurationProperties和@PropertySource读取自定义配置文件信息
- 跨iframe显示内容
- IDEA格式化代码快捷键失灵原因
- 代理模式
- excel20171213生成execl
- linux终端快捷键
- node.js
- 多线程
- SDWebImage源码剖析(二)
- python+selenium 自动化之启动浏览器加载浏览器的插件