揭露Flex和Html交互内幕

开发 后端
你对Flex和Html交互的概念是否了解,这里和大家分享一下,主要包括Flex嵌入到Html和Html嵌入到Flex两大部分内容,希望本文介绍对你有所帮助。

在学习Flex的过程中,你可能会遇到Flex和Html交互的问题,这里和大家分享一下,相信本文介绍一定会让你有所收获。

Flex和Html交互

◆Flex和Html交互之Flex嵌入到Html:

用swfobject,下载的.js地址:http://www.adobe.com/devnet/activecontent/articles/devletter.Html

在你的Html页面头部<head>区嵌入这个脚本文件:<scripttype="text/javascript"src="swfobject.js"></script>

在你的Html中写一个用来放Flash的容器,比如<div>,并随便给一个id比如flashcontent。然后在里面放上你的替换内容。

  1. viewplaincopytoclipboardprint?  
  2. <dividdivid="flashcontent"> 

这里放替换内容,用来在Flash无法显示时显示。
 

  1. </div> 
  2. <dividdivid="flashcontent"> 

这里放替换内容,用来在Flash无法显示时显示。
 

  1. </div> 

使用脚本替换这个内容:

  1. viewplaincopytoclipboardprint?  
  2. <mce:scripttypemce:scripttype="text/javascript"><!--  
  3. varso=newSWFObject("movie.swf","mymovie","200","100","7","#336699");  
  4. //参数意思:地址,Flash的id(不是容器的id),宽,高,版本需求,  
  5. 背景颜色  
  6. //这是最基本的,如果你要高级的设置,就仔细翻翻说明吧。  
  7. so.write("flashcontent");  
  8. //--></mce:script> 
  9. <mce:scripttypemce:scripttype="text/javascript"><!--  
  10. varso=newSWFObject("movie.swf","mymovie","200","100","7","#336699");  
  11. //参数意思:地址,Flash的id(不是容器的id),宽,高,版本需求,  
  12. 背景颜色  
  13. //这是最基本的,如果你要高级的设置,就仔细翻翻说明吧。  
  14. so.write("flashcontent");  
  15. //--></mce:script> 

这脚本可以写在Html中也可以写在外部.js文件中。

◆Flex和Html交互之Html嵌入到Flex

找到一个Flex的iframe自定义类,比较好用,请访问http://code.google.com/p/Flex-iframe/
首先从上面的网址下载iframe包
解压,找到IFrameDemo\src\IFrame.as
复制到你自己的src里

在需要用的mxml中加入xmlns:local="*"(local)
Xml代码 

  1. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  2. layout="absolute"initialize="init()"xmlns:local="*"> 
  3.  
  4. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  5. layout="absolute"initialize="init()"xmlns:local="*"> 

 ◆需要用的的地方

Xml代码 

  1. <local:IFrameidlocal:IFrameid="iFrame"source="http://www.favzone.com"  
  2. width="100%"height="100%"/> 
  3.  
  4. <local:IFrameidlocal:IFrameid="iFrame"source="http://www.favzone.com"  
  5. width="100%"height="100%"/> 
  6.  

 source就是需要引用的网页url了

【编辑推荐】

  1. Flex页面跳转实现的几种方式
  2. FlexBuilder4十大新特性闪亮登场
  3. Flex框架中Cairngorm和Mate的优点大比拼
  4. FlexBuilder3.0与Eclipse3.4的***结合
  5. 解析Flex应用开发步骤 新特性和技术框架 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-07-30 09:42:37

Flex播放器

2010-08-23 15:59:33

MarginCSS

2010-05-14 14:53:24

MyEclipse S

2010-09-27 11:12:46

MyEclipseJVM内存

2010-07-28 09:10:41

Flex2.0

2010-08-10 17:01:48

FlexJavaScript

2010-08-12 14:51:40

Flex4

2023-12-06 08:46:20

CSSFlex内幕

2010-07-30 12:56:02

Flex调用JavaS

2011-08-17 09:27:55

FlexJava

2009-07-06 10:41:38

flex与servle

2010-07-27 14:44:23

Flex Array

2010-08-13 10:01:46

Flex样式定义

2010-08-10 09:40:23

Flex与浏览器交互

2010-08-06 10:03:42

Flex事件

2022-04-15 14:57:57

Flex布局鸿蒙操作系统

2010-08-11 11:17:49

FlexFlash

2010-08-05 08:54:00

Flex优势

2010-07-28 16:05:47

ExtjsFlex

2010-07-30 14:09:30

FlexFlash
点赞
收藏

51CTO技术栈公众号