自己写一个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. 【转】iOS静态库 【.a 和framework】【超详细】

    原文网址:https://my.oschina.net/kaqijiang/blog/649632 一.什么是库? 库是共享程序代码的方式. 库从本质上来说是一种可执行代码的二进制格式,可以被载入内存 ...

  2. 整合UMDH结果的一个小工具

    ua.exe使用方法: 1.将UMDH生成的logcompare.txt改名为1.txt,内容示例: // Debug library initialized ... DBGHELP: moxia_d ...

  3. CentOS如何挂载硬盘

    远程SSH登录上CentOS服务器后,进行如下操作 提醒:挂载操作会清空数据,请确认挂载盘无数据或者未使用 第一步:列出所有磁盘  命令:  ll /dev/disk/by-path 提示:如果无法确 ...

  4. 关于CSS Hack

    CSS Hack由于不同厂商的浏览器,如Internet Explorer,Safari,Mozilla Firefox,Chrome 等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS ...

  5. linux工具类之流量监视

    iptraf        好用 yum install iptrafiptraf  is an ncurses-based IP LAN monitor that generates various ...

  6. Response.Redirect在新窗口打开网页

    来自:http://www.woosky.net/show.asp?id=761 Respose.Write("<script language='javascript'>win ...

  7. 【转】vs2012 打包安装更改 setup.exe的图标

    还是老外的文章给力 I'm not aware of any way to change the icon BEFORE building the project so that once the C ...

  8. python之时间函数

    import time print(time.clock())print(time.process_time())print(time.time()) #返回当前系统时间戳print(time.cti ...

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

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

  10. 如何通过SecureCRT FTP上传下载文件

    通过SecureCRT  FTP方式从一台机器下载文件到另一台机器上: [root@TEST144239 ~]# ftp 10.30.1.25 Connected to 10.30.1.25 (10. ...