自己写一个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替代方案的更多相关文章

  1. [JavaScript]JavaScript处理iframe的动作

    随着W3C一声令下,几年前使用非常频繁的frameset + frame已完成使命,光荣退伍.作为frameset的替代方案(姑且这么称吧),iframe的使用也多了起来.较frameset方案,if ...

  2. 在.NET MVC下不用iframe实现局部加载html

    最近在做个后台系统,之前都是用iframe来实现加载内容,左侧菜单不刷新.但一直不喜欢这种方法,有许多弊端.今天自己在网上查找了一番后找到了比较好的替代方案: 一.利用html的锚点标记来实现无刷新页 ...

  3. iframe父页面和子页面相互调用的方法

    随着W3C一声令下,几年前使用非常频繁的frameset + frame已完成使命,光荣退伍.作为frameset的替代方案(姑且这么称吧),iframe的使用也多了起来.较frameset方案,if ...

  4. 完美判断iframe是否加载完成

    var iframe = document.createElement("iframe"); iframe.style.width = "265px"; ifr ...

  5. js学习笔记：操作iframe

    iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...

  6. 页面嵌入dom与被嵌入iframe的攻防

    1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 if(window.self != window.top){ //url是自己页面的url window.top.location.hr ...

  7. iframe用法

    <iframe src="http://caiyanli.top/" height="500"  width="500" frameb ...

  8. 如何获取url中的参数并传递给iframe中的报表

    在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数 ...

  9. JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

    1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...

随机推荐

  1. 嵌入式Linux C笔试题积累（转）

    http://blog.csdn.net/h_armony/article/details/6764811 1.   嵌入式系统中断服务子程序(ISR) 中断是嵌入式系统中重要的组成部分,这导致了很 ...

  2. Android 反编译 代码注入之HelloWorld

    为了向经典的"Hello, World"致敬,我们也从一个简单的程序开始HelloWorld.apk.当你把这个APK安装到手机上运行后,在屏幕上就显示一行文字"Hell ...

  3. HTML5之Canvas绘图实例——曲线图

    实现正弦.余弦和正切函数画图(如下图):调试环境:Firefox

  4. 关于ExpandableListView用法的一个简单小例子

    喜欢显示好友QQ那样的列表,可以展开,可以收起,在android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下,我们还是希望用到可以分组并实现收缩的列表,那就要用到an ...

  5. 转载：scikit-learn学习之决策树算法

    版权声明:<—— 本文为作者呕心沥血打造,若要转载,请注明出处@http://blog.csdn.net/gamer_gyt <—— 目录(?)[+] ================== ...

  6. 当当网开源Dubbox，扩展Dubbo服务框架支持REST风格远程调用

    当当网近日开源了Dubbox项目,可为Dubbo服务框架提供多项扩展功能,包括REST风格远程调用.Kryo/FST序列化等等. 当当网架构部和技术委员会架构师沈理向InfoQ中文站介绍了Dubbox ...

  7. SQL Server锁、闩等资源的阻塞诊断---osql/sqlcmd，sp_blocker_pss80

          osql/sqlcmd 工具是一个 SqlServer的命令提示符工具,我们可以使用它运行 Transact-SQL 语句和脚本文件.该工具所在目录:C:\Program Files\Mi ...

  8. MySQL在一台db服务器上面如何启动多个实例 (转)

    安装过程省略过,源码安装请参考http://write.blog.csdn.net/postlist/1609043/all 整理自己的文档,发现以前做的例子,share下,欢迎大家提出改进意见. 一 ...

  9. synergy帮组提升办公效率

    这个synergy确实很不错哦,当你在办公室拥有两台或者多台电脑的时候,放在面前多台显示器,多个鼠标,多个键盘,但是你的桌面上,是不是多出了些你不需要看到的键盘或者鼠标?至少我是这样子的,我希望多个显 ...

  10. mongodb不同版本之间有很大的差异

    今天主要说下我为了给mongodb数据库添加authorization,大家应该知道,mongo默认是无auth运行的.这可能是方便小伙伴学习命令吧. 由于之前发布的一个项目,在亚马逊的云上,处于内部 ...