iframe替代方案
自己写一个pagelet框架。封装成JSP的Taglib。
<tms:view header="common-header" footer="common-footer">
<tms:pagelet
html="/pagelet1/template.html"
js="/pagelet1/js/p1.js,/pagelet1/js/p2.js"
css="/pagelet1/p1/css/css.js" >
</tms:pagelet>
<tms:pagelet
html="/pagelet2/template.html"
js="/pagelet2/js/p1.js,/pagelet2/js/p2.js"
css="/pagelet2/p1/css/css.js" >
</tms:pagelet>
<!--jsp页面-->
<tms:pagelet
jsp="/pagelet3/template.jsp"
controller="com.luan.cc.Pagelet3Controller"
js="/pagelet3/js/p1.js,/pagelet3/js/p2.js"
css="/pagelet3/p1/css/css.js" >
</tms:pagelet>
</tms:view>
最终会生成这样的HTML代码:
<html id='html-loginPageView'>
<head>
<meta http-equiv='X-UA-Compatible' content='IE=EDGE'>
<title>DEMO</title>
<link rel="stylesheet" type="text/css" href='common/css/common_da8e974dc.min.css' />
<link rel="stylesheet" type="text/css" href='dd/dd/dd1_0ac99c7b1f1504f.min.css' />
<link rel="stylesheet" type="text/css" href='dd/dd/dd2_099c7b1f150614f.min.css' />
<link rel="stylesheet" type="text/css" href='dd/dd/dd3_059b1f70ac99c7b.min.css' />
</head> <body> <div id="tms-pagelet-1">
<div>
<!--pagel-->
</div>
</div> <div id="tms-pagelet-2">
<div>
......
</div>
</div> <div id="tms-pagelet-3">
<div>
......
</div>
</div> <script type='text/javascript' src='common/js/common_da8e974dc.min.js' ></script>
<script type='text/javascript' src='dd/dd/dd1_ac99c7b1f150614f.min.js' ></script>
<script type='text/javascript' src='dd/dd/dd2_059b17b1f150614f.min.js' ></script>
<script type='text/javascript' src='dd/dd/dd3_ac99c7b1f150614f.min.js' ></script> </body>
iframe替代方案的更多相关文章
- [JavaScript]JavaScript处理iframe的动作
随着W3C一声令下,几年前使用非常频繁的frameset + frame已完成使命,光荣退伍.作为frameset的替代方案(姑且这么称吧),iframe的使用也多了起来.较frameset方案,if ...
- 在.NET MVC下不用iframe实现局部加载html
最近在做个后台系统,之前都是用iframe来实现加载内容,左侧菜单不刷新.但一直不喜欢这种方法,有许多弊端.今天自己在网上查找了一番后找到了比较好的替代方案: 一.利用html的锚点标记来实现无刷新页 ...
- iframe父页面和子页面相互调用的方法
随着W3C一声令下,几年前使用非常频繁的frameset + frame已完成使命,光荣退伍.作为frameset的替代方案(姑且这么称吧),iframe的使用也多了起来.较frameset方案,if ...
- 完美判断iframe是否加载完成
var iframe = document.createElement("iframe"); iframe.style.width = "265px"; ifr ...
- js学习笔记:操作iframe
iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...
- 页面嵌入dom与被嵌入iframe的攻防
1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 if(window.self != window.top){ //url是自己页面的url window.top.location.hr ...
- iframe用法
<iframe src="http://caiyanli.top/" height="500" width="500" frameb ...
- 如何获取url中的参数并传递给iframe中的报表
在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数 ...
- JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)
1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...
随机推荐
- 【HNOI2004】【P1365】L语言
tire水题,%Menci 原题: 标点符号的出现晚于文字的出现,所以以前的语言都是没有标点的.现在你要处理的就是一段没有标点的文章.一段文章T是由若干小写字母构成.一个单词W也是由若干小写字母构成. ...
- C# App.config 自定义 配置节 报错“配置系统未能初始化” 解决方法
App.config,结果运行的时候出现了 "配置系统未能初始化" 的错误.找了半天才发现是下面的原因造成的: "如果配置文件中包含configSections元素,则c ...
- HTML 5 参考手册
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML (标准通用标记语言下的一个应用)标准版本:现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML ...
- 用 jQuery 实现表单验证(摘抄)
——选自<锋利的jQuery>(第2版)第5章的例题 5.1.5 表单验证 表单作为 HTML 最重要的一个组成部分,几乎在每个网页上都有体现,例如用户提交信息.用户反馈信息和用户查询信 ...
- 浅谈 Active Learning
1. Active Query Driven by Uncertainty and Diversity for Incremental Multi-Label Learning The key tas ...
- CUDA Thread Indexing
1D grid of 1D blocks __device__ int getGlobalIdx_1D_1D() { return blockIdx.x *blockDim.x + threadIdx ...
- Unity3d NGUI 地图
1,制作地图 方式1: NGUI,新建一个Atlas,为M,按照一定的比例如 1:400,绘制地图. 新建一个GameObject,为A,关联UIPanel.A的transform.localScal ...
- 掌握 Ajax,第 1 部分: Ajax 入门简介
转:http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html 掌握 Ajax,第 1 部分: Ajax 入门简介 理解 Ajax 及其工作 ...
- 018. ADO.NET _DataSet_DataAdapter
DataSet对象是支持ADO.NET的断开式或分布式数据方案的核心对象; DataAdapter对象是一种用来充当DataSet对象与实际数据源之间的桥梁 的对象, 所以二者结合访问数据库中数据模式 ...
- OpenJudge计算概论-单词排序
/*===================================== 单词排序 总时间限制:1000ms 内存限制: 65536kB 描述 输入一行单词序列,相邻单词之间由1个或多个空格间隔 ...