[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>

 

posted on 2016-05-26 10:59  晏过留痕  阅读(3777)  评论(0编辑  收藏  举报