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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM