[Flex] IFrame系列 —— 嵌入本地页面两种方式source和content（html页面和html代码）...

最新推荐文章于 2024-06-25 15:22:52 发布

weixin_30588675

最新推荐文章于 2024-06-25 15:22:52 发布

阅读量377

点赞数

文章标签： javascript 大数据 ViewUI

原文链接：http://www.cnblogs.com/frost-yen/p/5530246.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>