您的位置：首页 > Web前端 > HTML

在Flex(Flash)中嵌入HTML代码或页面(Flex IFrame)

2013-08-15 19:17 645 查看

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:flexiframe="http://code.google.com/p/flex-iframe/" horizontalAlign="center" verticalAlign="middle" xmlns:s="library://ns.adobe.com/flex/spark"> <mx:Script> <![CDATA[ import mx.controls.Alert; protected function sayHelloHandler(event:MouseEvent):void { // 调用当前iframe嵌入页面中的sayHello 的JavaScript方法 iFrameBySource.callIFrameFunction("sayHello"); } protected function sayHandler(event:MouseEvent):void { // 调用当前iframe嵌入页面中的say的JavaScript方法，并传入一个参数 iFrameBySource.callIFrameFunction("say", ["hello world!"]); } protected function sayHiHandler(event:MouseEvent):void { // 调用当前iframe嵌入页面中的sayHi的JavaScript方法，并传入2个参数。sayHi方法会返回一个字符串，最后一个回调就是输出值的函数 iFrameBySource.callIFrameFunction("sayHi", ["hello world", "李四"], function (data:*): void { Alert.show(data); }); } ]]> </mx:Script>  <mx: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://coenraets.org/" target="_top">Christophe Coenraets</a></li> <li><a href="http://www.deitte.com/" target="_top">Brian Deitte</a></li> </ul> </body> </html> ]]> </mx:String> <mx:Panel width="80%" height="80%" title="使用source本地远程页面"> <flexiframe:IFrame id="iFrameBySource" width="100%" height="100%" source="frame.html"/> <s:Button label="sayHello" click="sayHelloHandler(event)"/> <s:Button label="say-param" click="sayHandler(event)"/> <s:Button label="sayHi" click="sayHiHandler(event)"/> </mx:Panel> <mx:Panel width="80%" height="80%" title="使用source加载远程页面"> <flexiframe:IFrame id="iFrameByRemoteSource" width="100%" height="100%" source="http://www.baidu.com" visible="true" overlayDetection="true" /> </mx:Panel> <mx:Panel width="80%" height="80%" title="使用content属性加载本地html文本内容"> <flexiframe:IFrame id="iFrameByContent" width="100%" height="100%" content="{iFrameHTMLContent}"/> </mx:Panel> </mx:Application>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Flex 嵌入HTML

相关文章推荐

新的分享

章节导航