zoukankan      html  css  js  c++  java
  • [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>
  • 相关阅读:
    Git安装配置
    Openstack 错误日志查看方法
    keystone v3.0与2.0的区别
    Python远程调试Openstack
    openstack遇到的错误
    特别翔实的adaboost分类算法讲解 转的
    h5 html5 模拟时钟 页面
    js 面向对象 jquery 全局变量 封装
    HTML5 h5 微信 浮层 提示 点击右上角,从浏览器打开 pop.png
    jquery中ajax使用error调试错误的方法,实例分析了Ajax的使用方法与error函数调试错误的技巧
  • 原文地址:https://www.cnblogs.com/frost-yen/p/5530246.html
Copyright © 2011-2022 走看看