Flex与JavaScript交互

JadeLuo

浏览: 425552 次
性别:
来自: 珠海

最近访客更多访客>>

robertsun

whzxxyf

xx5333

woshichenzhiyuan

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Flex

http://www.cnblogs.com/zhaozhan/archive/2010/09/03/1816631.html

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="intiApp()"
				width="400" height="200">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			
			public function flexTest(param:String):String
			{
				Alert.show("Input param:"+param);
				return "Return from Flex:"+param;
			}
			
			public function intiApp():void
			{
				ExternalInterface.addCallback("flexTest", flexTest);  
			}
			
			public function callJS():void {   
				var s:String = ExternalInterface.call("jsTest", "Flex");   
				Alert.show(s);   
			}   
		]]>
	</mx:Script>
	
	<mx:Button x="52" y="58" label="call javascript" click="callJS()" id="JavaScriptTest"/>
</mx:Application>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <!-- 
    Smart developers always View Source. 
    
    This application was built using Adobe Flex, an open source framework
    for building rich Internet applications that get delivered via the
    Flash Player or to desktops via Adobe AIR. 
    
    Learn more about Flex at http://flex.org 
    // -->
    <head>
        <title></title>
        <meta name="google" value="notranslate" />         
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
             the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
             the percentage of the height of its parent container, which has to be set explicitly.  Fix for
             Firefox 3.6 focus border issues.  Initially, don't display flashContent div so it won't show 
             if JavaScript disabled.
        -->
        <style type="text/css" media="screen"> 
            html, body  { height:100%; }
            body { margin:0; padding:0; overflow:auto; text-align:center; 
                   background-color: #ffffff; }   
            object:focus { outline:none; }
            #flashContent { display:none; }
        </style>
        
        <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
        <!-- BEGIN Browser History required section -->
        <link rel="stylesheet" type="text/css" href="history/history.css" />
        <script type="text/javascript" src="history/history.js"></script>
        <!-- END Browser History required section -->  
            
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
            // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. 
            var swfVersionStr = "11.1.0";
            // To use express install, set to playerProductInstall.swf, otherwise the empty string. 
            var xiSwfUrlStr = "playerProductInstall.swf";
            var flashvars = {};
            var params = {};
            params.quality = "high";
            params.bgcolor = "#ffffff";
            params.allowscriptaccess = "sameDomain";
            params.allowfullscreen = "true";
            var attributes = {};
            attributes.id = "a";
            attributes.name = "a";
            attributes.align = "middle";
            swfobject.embedSWF(
                "a.swf", "flashContent", 
                "400", "200", 
                swfVersionStr, xiSwfUrlStr, 
                flashvars, params, attributes);
            // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
            swfobject.createCSS("#flashContent", "display:block;text-align:left;");
        </script>
    </head>
    <body>
        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
             JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
             when JavaScript is disabled.
        -->
        <div id="flashContent">
            <p>
                To view this page ensure that Adobe Flash Player version 
                11.1.0 or greater is installed. 
            </p>
            <script type="text/javascript"> 
                var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); 
                document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
                                + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
            </script> 
        </div>
        
        <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200" id="a">
                <param name="movie" value="a.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffffff" />
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="allowFullScreen" value="true" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="a.swf" width="400" height="200">
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
                <!--<![endif]-->
                <!--[if gte IE 6]>-->
                    <p> 
                        Either scripts and active content are not permitted to run or Adobe Flash Player version
                        11.1.0 or greater is not installed.
                    </p>
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                    </a>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </noscript>     
        	
          <button  onclick="callFlexFunction()" >callFlexFunction</button>
          <script language="JavaScript" type="text/javascript">
		  function callFlexFunction() {   
		      var x =  document.getElementById("a 对应  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200" id="a"> 中的id").flexTest("string from js.");

		      alert(x);   
		  }
		   
		  function jsTest(param) {   
		      alert("js_alert:"+param);   
		      return "Return from js:" + param;   
		  }  
		  </script>
   </body>
</html>

分享到：

nginx rtmp | docker

2016-07-25 18:43
浏览 443
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Flex与JavaScript交互

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Flex与JavaScript交互

评论

发表评论

相关推荐

actionscript rtmp 推流

解决oracle表的主键被另一个表作为外键关联使用后主表无法清空问题思路

Oracle企业管理器错误解决方法.txt

oracle数据库备份

vim for window xp

条形码的工作原理和详细的内容

hkeam运行时错误与配置相关的内容

Flex加载后台返回的流的图片

List排序

oracle sql backup

共享无线

Java反射机制 与克隆对象

MyEclipse优化

hibernate 调用oracle存储过程

Flex 嵌入jsp

No Dialect mapping for JDBC type: -1 原文链接:http://itlife365.com/blog/read.php/47

Flex debug问题

注意hibernate查单一字段和查两个以上的字段返回的结果

eclipse修改tomcat位置

Flex 项目安装备份文件

最近访客更多访客>>

Java反射机制与克隆对象