博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页布局框架之Iframe
阅读量:4287 次
发布时间:2019-05-27

本文共 643 字,大约阅读时间需要 2 分钟。

     前一段时间按领导要求做一个项目。框架搭建时,页面布局是这样的:

     

      按照现行流行的大多数框架的布局大概就是这样,比较火的bootstrap、easyUI、extjs、ligerUI、miUI等前端框架的布局大多数都采用这样的格局。那么问题来了,当点击左边的menu时,实现内容在右边的content呈现?

      大多数据程序猿的选择方式就是使用Iframe。利用Iframe的src属性进行页面内置跳转。

     那么问题来了,这样把整个页面三分天下,也就是说每一个分割都是一个jsp展现,那么就需要4个jsp才能满足这个效果。我们定义整个页面叫main.jsp,网页三分天下分别是top.jsp   menu.jsp  content.jsp。那么我在content.jsp拿到main.jsp中一个标签怎么办呢?

     首先在网页布局中一定要知道window、document对象的区别。按照W3C的标准,网页需要有w3C的声明,然后才是html、head、body对象构成。而这里的body标签中对象就是document、而html包含的内容是就是window对象。

    那么清楚了这个,下面获取就简单了。我们首先拿到content.jsp页面的window对象、通过window对象找到document,然后知道页面的iframe的name,我们可以通过frames得到这个iframe对象,下面就简单了,得到iframe的parent,然后就拿到了content.jsp。下面就简单了。直接按照w3c标准拿值。

   

    

你可能感兴趣的文章
java多线程详解(一)
查看>>
Eclipse背景颜色修改--护眼色,黑色
查看>>
Servlet技术浅析(九)之-----下载文件和上传文件
查看>>
一台linux操作系统上配置多台Tomcat服务
查看>>
maven入门浅析(二)-----maven集成eclipse、jboss
查看>>
正则表达式入门教程(三)
查看>>
正则表达式入门教程(四)
查看>>
JAVA程序员成长之路的总结
查看>>
javaEE工程师学习路线图
查看>>
java工程师进阶之路
查看>>
linux系统一个tomcat配置两个域名,每个域名对应一个项目
查看>>
javaScript使用Lodop实现网页表格套打功能
查看>>
技术大牛如何寻找下一个风口
查看>>
大数据学习路线大纲
查看>>
html入门之meta
查看>>
Spring源码和jar包下载步骤
查看>>
一位资深程序员大牛给予Java初学者的学习路线建议
查看>>
spring中bean的自动装配和作用域
查看>>
使用http请求,中文乱码问题--解决方法
查看>>
mybatis入门之接口式编程
查看>>