1.change.js
---------------------------------------------------------------------------------------------------------------------------------
function callApp(title){
window.document.title = document.getElementById("newTitle").value;
JSAccessFlex.myFlexFunction(window.document.title);
}
2.JSAccessFlex.mxml
---------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp()">
<mx:Script>
<![CDATA[
import flash.external.*;
public function initApp():void{
ExternalInterface.addCallback("myFlexFunction",callBackFun);
}
public function callBackFun(parameter:String):void{
txtValue.text = parameter;
}
]]>
</mx:Script>
<mx:TextInput id="txtValue" text="test" />
</mx:Application>
3.JSAccessFlex.html
---------------------------------------------------------------------------------------------------------------------------------
<!-- saved from url=(0014)about:internet -->
<html 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!-- END Browser History required section -->
<title></title>
<script src="AC_OETags.js" language="javascript"></script>
<!-- BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!-- END Browser History required section -->
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 124;
// -----------------------------------------------------------------------------
// -->
</script>
</head>
<body scroll="no">
<script language="JavaScript" type="text/javascript" src="change.js"></script>
<form id="form01" action = "javascript:callApp();" >
输入新标题:<input type="text" size ="30" id="newTitle"/>
<input type="submit" value = "submit"/>
</form>
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if ( hasProductInstall && !hasRequestedVersion ) {
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = window.location;
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
var MMdoctitle = document.title;
AC_FL_RunContent(
"src", "playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "600",
"height", "600",
"align", "middle",
"id", "JSAccessFlex",
"quality", "high",
"bgcolor", "#869ca7",
"name", "JSAccessFlex",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else if (hasRequestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", "JSAccessFlex",
"width", "600",
"height", "600",
"align", "middle",
"id", "JSAccessFlex",
"quality", "high",
"bgcolor", "#869ca7",
"name", "JSAccessFlex",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'Alternate HTML content should be placed here. '
+ 'This content requires the Adobe Flash Player. '
+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="JSAccessFlex" width="100%" height="100%"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="JSAccessFlex.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="JSAccessFlex.swf" quality="high" bgcolor="#869ca7"
width="100%" height="100%" name="JSAccessFlex" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</noscript>
</body>
</html>
分享到:
相关推荐
#### 二、JavaScript调用Flex方法 **1. 使用`document.getElementById`获取Flex对象** - **语法示例**: ```javascript document.getElementById("flexObject").flexfunction("param"); ``` - **解释**:这...
总的来说,JavaScript调用Flex实例是实现Web应用中复杂功能和交互的有效手段。通过理解并实践上述步骤,你可以灵活地利用这两者的优点,为用户提供更加丰富和动态的用户体验。记得在实际操作时,要确保所有依赖库...
反过来,从JavaScript调用Flex的方法也很简单: 1. **在Flex中暴露方法**: 需要在Flex组件中声明一个可以被外部调用的函数,例如`callFromFlex`。 2. **在JavaScript中调用Flex方法**: 使用`window['flexObject']....
标题"flex和javascript交互例子"指向了这个主题的核心——如何在Flex应用中调用JavaScript函数,以及反过来在JavaScript中调用Flex的方法。这种技术通常被称为“Bridge”或“跨域通信”。 在Flex中,我们可以使用`...
- **添加外部接口**:在Flex应用中,需要通过`externalInterface.addCallback()`方法注册一个可被JavaScript调用的函数。同时,JavaScript可以通过`window['functionName']`来调用这个函数。 - **数据传递**:参数...
1. ExternalInterface:这是Flash Player提供的一个API,使得ActionScript能够调用JavaScript函数,同时也允许JavaScript调用Flex中的方法。这个接口在Flex中是公开的,无需额外引入库或设置。 2. CallBack:为了...
JavaScript调用Flex组件的方法则需要Flex组件提供一个可访问的接口。在Flex组件中,我们可以定义一个公共方法,并使用`ExternalInterface.addCallback`使其可以在JavaScript中调用: ```actionscript public ...
在Flex与JavaScript进行交互时,可以通过`ExternalInterface`实现从JavaScript调用Flex中的方法。这主要是通过向Flex应用注册特定的公共方法来完成的。这些方法可以通过`addCallback()`函数添加到可被外部脚本访问的...
反之,如果需要从Flash调用Flex的功能,可以通过Flex暴露的接口实现。在Flex中,使用`ExternalInterface.addCallback()`方法注册一个函数,使其可供Flash调用。Flash端则使用`ExternalInterface.call()`与Flex的回...
在JavaScript中,`addMethod`函数通过`JavaScriptConnectFlex.addTo100()`来调用Flex中的`add`函数,`JavaScriptConnectFlex`是Flex应用程序的全局对象,`addTo100`是之前在Flex中注册的回调函数名。这使得...
知识点三:从JavaScript调用Flex暴露的方法 在JavaScript中,你可以直接调用Flex暴露的方法,前提是已经通过ExternalInterface注册。为了能够调用Flex中的方法,首先需要确保Flex应用已经加载。你可以通过在Flex的...
无论是从Flex调用JavaScript还是从JavaScript调用Flex,都可以通过简单的API调用来实现,极大地扩展了Flex应用的功能范围。 此外,在实际开发过程中,还需要注意不同浏览器环境下的兼容性问题以及安全性问题,确保...
- `actionScriptSay(value)`函数:JavaScript调用这个函数,通过`thisMovie()`获取Flash对象,并调用ActionScript中的`actionScriptSay`方法,将参数`value`传递过去。 - `javascritpSay(value)`函数:这个函数由...
通过ExternalInterface,Flash可以调用JavaScript函数,而JavaScript也可以调用Flash中的方法。 在提供的压缩包文件中,包含了两个工程目录:一个为Flash程序,另一个为Flex工程。这表明你需要分别在Flash ...
2. **添加调用接口**:在Flex中,你可以通过`ExternalInterface.addCallback`方法定义一个函数,该函数可以被JavaScript调用。例如: ```actionscript if (ExternalInterface.available) { ExternalInterface....
ExternalInterface 提供了一种方法,使得 Flex 中的 ActionScript 代码能够调用网页中的 JavaScript 函数,反之亦然。这种交互允许 Flex 应用程序利用网页的特性,如修改 DOM 元素、处理页面事件或与服务器进行 AJAX...
1. **ExternalInterface**: 这是Flex提供的一种API,允许ActionScript代码调用JavaScript函数,同时也允许JavaScript调用Flex组件的方法。在使用ExternalInterface之前,需要确保在Flex应用中启用它,这可以通过在...