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>
  • 相关阅读:
    用pygame实现打飞机游戏-3-显示飞机和控制飞机移动
    用pygame实现打飞机游戏-2-检测键盘
    最好听的钢琴曲排行榜 世界上最好听的钢琴曲
    使用gulp构建nodejs,你只需要记住5个函数
    Linux删除文件夹命令
    前端构建工具gulpjs的使用介绍及技巧
    HTML5 LocalStorage 本地存储
    jquery新窗口打开链接
    Sublime text 3 如何格式化HTML代码
    jquery滚动条加载数据
  • 原文地址:https://www.cnblogs.com/frost-yen/p/5530246.html
Copyright © 2011-2022 走看看