<?xml version="1.0" encoding="utf-8"?>

<!--- - - - - - - - - - - - - - - - - - - - - - - - -

* @author:Frost.Yen

* @E-mail:871979853@qq.com

* @create:    2016-6-1 上午11:37:00

- - - - - - - - - - - - - - - - - - - - - - - - - - -->

<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" backgroundAlpha="0" xmlns:ns="http://code.google.com/p/flex-iframe/">

    <s:layout>

        <s:VerticalLayout/>

    </s:layout>

    <fx:Script>

        <![CDATA[

            import mx.controls.Alert;

            protected function showIFrameHandler(event:MouseEvent):void

            {

                layer(1);

            }

            protected function btn_clickHandler(event:MouseEvent):void

            {

                layer(-1);

                Alert.show("test iframe alert !");

            }

            /**

             * 设置IFrame的层级

             * @param index (1表示最上层，-1表示最下层)

             */

            protected function layer(index:int):void

            {

                ExternalInterface.call("eval", "(function(){document.getElementById('iframe00').style.zIndex='"+index+"';})()");

            }

        ]]>

    </fx:Script>

    <fx:Declarations>

        <!-- 将非可视元素（例如服务、值对象）放在此处 -->

    </fx:Declarations>

    <s:Button id="btn" label="click me" click="btn_clickHandler(event)"/>

    <s:Panel id="panel" title="flex嵌入html页面" width="80%" height="80%"  backgroundAlpha="0" mouseOver="showIFrameHandler(event)">

        <ns:IFrame id="iframe0" width="100%" height="100%" source="http://www.yanzimen.com">

        </ns:IFrame>

    </s:Panel>

</s:Application>