[Flex] IFrame系列 —— 嵌入本地頁面兩種方式source和content(html頁面和html代碼)


<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:ns="http://code.google.com/p/flex-iframe/">
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
    
    <fx:Script>
        <![CDATA[
            protected function iframe1_frameLoadHandler(event:Event):void
            {
                
            }
        ]]>
    </fx:Script>
    
    <fx:Declarations>
        <!-- 將非可視元素(例如服務、值對象)放在此處 -->
        <!-- HTML content stored in a String -->
        <fx:String id="iframeHtmlContent">
            <![CDATA[
            <html>
                <head>
                    <title>About</title>
                </head>
                <body>
                    <div>About</div>
                    <p>Simple HTML Test application. This test app loads a page of html locally.</p>
                    <div>Credits</div>
                    <p> </p>
                    <p>IFrame.as is based on the work of</p>
                    <ul>
                        <li><a href="http://www.cnblogs.com/frost-yen/p/5527395.html" target="_top">Frost.Yen cnblogs -- 在flex的web應用中嵌入html的方法</a></li>
                        <li><a href="http://www.cnblogs.com/frost-yen/" target="_top">Frost.Yen cnblogs</a></li>
                    </ul>
                </body>
            </html>
            ]]>
        </fx:String>
    </fx:Declarations>
    <s:Panel title="flex嵌入html代碼" width="80%" height="80%">
        <ns:IFrame id="iframe1" width="100%" height="100%" overlayDetection="true"  content="{iframeHtmlContent}" frameLoad="iframe1_frameLoadHandler(event)">
        </ns:IFrame>
    </s:Panel>
    <s:Panel title="flex嵌入本地html頁面" width="80%" height="80%">
        <ns:IFrame id="iframe2" width="100%" height="100%" overlayDetection="true" source="about.html">
        </ns:IFrame>
    </s:Panel>
</s:Application>

 

about.html

<html>
    <head>
        <title>About</title>
    </head>
    <body>
        <div>About</div>
        <p>Simple HTML Test application. This test app loads a page of html locally.</p>
        <div>Credits</div>
        <p> </p>
        <p>IFrame.as is based on the work of</p>
        <ul>
          <li><a href="http://www.cnblogs.com/frost-yen/p/5527395.html" target="_top">Frost.Yen cnblogs -- 在flex的web應用中嵌入html的方法</a></li>
          <li><a href="http://www.cnblogs.com/frost-yen/" target="_top">Frost.Yen cnblogs</a></li>
        </ul>
    </body>
</html>

 


免責聲明!

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



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