出差了好长时间,终于要回京了!
在开发过程中Flex 与 JavaScript 相互调用是在所难免,在国内很少有单纯的Flex Web应用。
Flex内建了ExternalInterface提供与Javascript的互操作。示例程序为ExternalInterface的应用,还包括了弹出窗口是否被拦截的判断。
文档可以在下面的地址查看:
http://livedocs.adobe.com/flex/3/langref/index.html
查看示例
查看示例源码
将Flex方法暴露给JavaScript
src/DetectPopupBlocked.mxml
[Bindable]
private var greeting:String="What?";
private function init():void{
if(ExternalInterface.available){
ExternalInterface.addCallback("saySomething", saySomething);
}
}
public function saySomething(_greeting:String):void{
trace(_greeting);
greeting = _greeting;
}
JavaScript调用Flex方法
html-template/index.template.html
function saySomethingToFlex(bla){
${application}.saySomething(bla);
}
Flex调用Javascript 函数,弹出窗口,并且判断弹出窗口是否被拦截。
src/DetectPopupBlocked.mxml
private function openNewBrowserWindow(url:String, name:String):void{
if(ExternalInterface.available){
var opened:Boolean = ExternalInterface.call("openPopup", url, name);
if(!opened){
Alert.show("Popup Blocked!");
}
}
}
html-template/index.template.html
function openPopup(url, name){
var popwindow;
popwindow = window.open(url, name, "menubar=false,resizable=false,width=790,height=500");
// detect popup blocked
if (popwindow==null || typeof(popwindow)=="undefined"){
return false;
}
return true;
}
-------------------------------------
It's Neal Mi. I'm a man of my world.
分享到:
相关推荐
### Flex与JSON及XML的互操作:深度解析 #### 核心知识点概览 1. **Flex框架**:一种开源框架,允许开发者使用MXML语言和ActionScript 3构建Flash应用程序,尤其适用于创建富互联网应用(RIA)。 2. **JSON...
标题 "Flex与Javascript相互调用例子(附源码)" 指涉的是一个...对于初学者或者想要提升跨平台交互能力的开发者来说,这样的教程和源码是非常有价值的资源,能够帮助他们更好地理解和实践Flex与JavaScript的互操作性。
例如,当用户在Flex应用中执行某个操作后,可以通知JavaScript更新网页上的某些元素,或者从JavaScript触发Flex中的动画效果。 需要注意的是,由于跨域安全限制,JS与Flex的通信可能会受到限制。为了克服这个问题,...
一、Flex与JavaScript的互操作性 Flex是Adobe开发的一个用于构建富互联网应用(RIA)的框架,基于ActionScript 3.0,提供了强大的图形和动画功能。JavaScript则是一种广泛应用于浏览器端的脚本语言,负责处理页面...
两者之间的互操作性使得开发者能够充分利用Flex的图形和动画能力以及JavaScript的灵活性和浏览器兼容性。 标题中的"Flex和JS的相互调用,传参"指的是在Flex应用中调用JavaScript函数,或者在JavaScript中调用Flex...
此框架的一个重要特性就是与其他技术如 JavaScript(JS)和 ActiveX(OCX)的集成,以实现跨平台、跨技术的互操作性。 1. **Flex 与 JavaScript 交互**: 在 Flex 应用程序中,通过 ExternalInterface API 可以与 ...
良好的API设计可以提高代码的可维护性和互操作性。 9. **调试和测试**: 在实现Flex与Flash交互的过程中,调试和测试是必不可少的环节。使用Flash的调试版本和Flex的模拟器可以帮助定位和解决问题。 10. **安全注意...
博文链接(https://fykyx521.iteye.com/blog/467063)可能提供了一个具体的示例或教程,可以帮助读者深入理解Flex与Flash的互操作性。同时,Adobe官方文档和其他开发者论坛也是学习和解决问题的好去处。 综上所述...
总之,Flex与JavaScript的互操作为开发复杂的应用提供了强大的可能性。开发者应当深入理解各自技术的特点,并灵活运用它们以实现最佳的用户体验。同时,也需要注意做好技术选型和方案评估,以便在保证功能实现的同时...
Flex和Flash是两种在Web开发中广泛...通过这个实例,你可以深入理解Flex和Flash的互操作性,这对于开发复杂的混合型Web应用程序非常有价值。了解这些通信机制将使你能够灵活地组合这两种技术,以满足特定项目的需求。
XML因其开放性、简单性、互操作性和可扩展性等特性,成为Flex与后台系统(如J2EE)之间数据交换的理想选择。XML文档可以轻松地从数据库获取数据,经过处理后传递给客户端的Flex应用程序,或者接收客户端修改后的数据...
- **互操作性**:可以与现有的Web应用无缝集成。 ##### Flex 与 Flash MX 2004 Flash MX 2004是Flex的重要组成部分之一,提供了强大的图形和动画创作能力。 - **图形处理**:支持矢量图形和位图图像,适合创建高...
3. **标准化协议的采用**:GeoWeb2.0倾向于使用开放标准协议,如W3C SOAP/XML和OGC W*S,替代了以往专有的协议,促进了跨平台和跨系统的信息共享与互操作性。 4. **远程服务的普及**:从用户自托管服务转向远程托管...
2. **Flex与ExtJS的互操作性**:如何通过AMF或XML/JSON进行数据交换,以及可能涉及的自定义适配器或中间件。 3. **Flex的组件和事件模型**:了解Flex中的组件体系结构,以及如何通过ActionScript处理事件。 4. **跨...
ActionScript 3.0引入了`ExternalInterface`类,允许AS3代码与JavaScript进行互操作。在Flex中,我们可以通过`flash.external.ExternalInterface`对象来调用Flash的公开方法。同时,Flash端也需要通过`...
服务层是整个框架的精华部分,根据ISO/TC211和OGC规定的地理信息服务实施规范,主要包括基于Web地图服务的互操作规范(WMS)、基于Web要素服务的互操作规范(WFS)、基于Web地理覆盖服务的互操作规范(WCS)以及基于地理...