`
evan0625
  • 浏览: 159796 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS技巧:Flex与JavaScript的交互:调用JavaScipt或者被JavaScript调用

    博客分类:
  • flex
阅读更多

一、在JavaScript中调用Flex方法
在Flex中可以用ExternalInterface来调用Flex的方法,途径是
1.通过在Flex应用可调用方法列表中添加指定的公用方法。在Flex应用中通过调用addCallback()可以把一个方法添加到此列表中。addCallback将一个ActionScript的方法注册为一个JavaScript和VBScript可以调用的方法。
addCallback()函数的定义如下:

addCallback(function_name:String, closure:Function):void 

 function_name参数就是在Html页面中脚本调用的方法名。closure参数是要调用的本地方法,这个参数可以是一个方法也可以是对象实例。
举个例子: 

<mx:Script> 
       import flash.external.*; 
       public function myFunc():Number { 
          return 42; 
       } 
       public function initApp():void { 
          ExternalInterface.addCallback("myFlexFunction",myFunc); 
      } 
</mx:Script> 

  2.那么在Html页面中,先获得SWF对象的引用,也就是用<object .../>声明的Swf的Id属性,比如说是MyFlexApp。然后就可以用以下方式调用Flex中的方法。

<SCRIPT language='JavaScript' charset='utf-8'> 
    function callApp() { 
      var x = MyFlexApp.myFlexFunction(); 
      alert(x); 
   } 
</SCRIPT> 
<button onclick="callApp()">Call App</button>

  二、在Flex中调用 JavaScript
你 可以调用Html页面中的JavaScript,通过与JavaScript的交互,可以改变Style,调用远程方法。还可以将数据传递给Html页 面,处理后再返回给Flex,完成这样的功能主要有两种方法:ExternalInterface()和navigateToUrl()。
在Flex中调用JavaScript最简单的方法是使用ExternalInterface(),可以使用此API调用任意JavaScript,传递参数,获得返回值,如果调用失败,Flex抛出一个异常。
ExternalInterface封装了对浏览器支持的检查,可以用available属性来查看。
ExternalInterface的使用非常简单,语法如下:

flash.external.ExternalInterface.call(function_name: String):Object; 

 参数function_name是要调用的JavaScript的函数名,后面的参数是JavaScript需要的参数。
举个例子说明如何调用JavaScript函数
Flex应用中,添加如下方法:

<?xml version="1.0" encoding="iso-8859-1"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> 
    <mx:Script> 
        import flash.external.*; 
        public function callWrapper():void { 
             var f:String = "changeDocumentTitle"; 
             var m:String = ExternalInterface.call(f,"New Title"); 
             trace(m); 
        } 
    </mx:Script> 
    <mx:Button label="Change Document Title" click="callWrapper()"/> 
</mx:Application> 

  Html页面中有如下函数定义:

<SCRIPT LANGUAGE="JavaScript"> 
   function changeDocumentTitle(a) { 
       window.document.title=a; 
       return "successful"; 
  } 
</SCRIPT> 

  

分享到:
评论

相关推荐

    delphi调用javascipt

    Delphi,作为一种强大的Object Pascal开发环境,提供了与JavaScript交互的能力,这得益于其内置的Internet组件和V8引擎的支持。 首先,我们需要了解Delphi中的TWebBrowser组件。TWebBrowser是基于Internet Explorer...

    毕业设计-基于JavaScript与CSS的电商系统项目实现

    2. **DOM操作**:Document Object Model (DOM)是JavaScript与HTML交互的桥梁。通过DOM,开发者可以添加、删除或修改网页元素。例如,利用DOM可以实现商品的动态加载和用户交互。 3. **ECMAScript**:JavaScript的...

    javascript经典实例源码

    JavaScript,作为全球最广泛使用的编程语言之一,是创建交互式网页和动态应用的关键工具。这个“javascript经典实例源码”集合提供了一系列小实例,对于深入理解JavaScript语法、函数、对象、DOM操作以及事件处理等...

    AdManager:用于与Google DFP进行交互的JavaScipt库

    一个用于与Google DFP进行交互的JavaScipt库。 介绍 AdManager是一个JavaScript库,用于与和进行交互。 它处理GPT库的加载以及广告资源的定义和请求。 您可以在下面找到有关其配置和用法的文档。 安装 凉亭 使用...

    javascript中文经典帮助手册

    在JSP(JavaServer Pages)开发中,JavaScript通常用于客户端的交互,与服务器端的Java代码相辅相成。通过Ajax技术,JavaScript可以实现无刷新的数据交换,提高用户体验。同时,前端框架如React、Vue或Angular等,...

    600个javascript实例

    事件处理和DOM操作是JavaScript与用户交互的基础。实例中可能包含了如何绑定事件、触发事件、获取和修改DOM元素的属性、样式以及添加和删除DOM节点等内容。 JavaScript还提供了强大的BOM(浏览器对象模型)和Cookie...

    轻松学用JAVASCIPT编程(教程)

    DOM(文档对象模型)是JavaScript与HTML交互的关键。通过DOM,我们能够查找、修改和添加HTML元素。比如,要改变某个元素的文本内容,可以使用`document.getElementById('elementId').innerHTML = '新内容';` 异步...

    Programming JavaScript Applications

    With this digital Early Release edition of Programming JavaScript Applications, you get the entire book bundle in its earliest form—the author's raw and unedited content—so you can take advantage of...

    JavaScript外文文献与翻译.pdf

    JavaScript外文文献与翻译.pdfJavaScript外文文献与翻译.pdfJavaScript外文文献与翻译.pdfJavaScript外文文献与翻译.pdfJavaScript外文文献与翻译.pdfJavaScript外文文献与翻译.pdf

    SWF(ActionScript3.0)与JavaScipt(JS)通信示例

    推荐对所有JavaScript与ActionScript之间的通信使用ExternalInterface。 在HTML页中使用JavaScript,可以调用FlashPlayer中的ActionScript函数。ActionScript函数可以返回一个值,JavaScript会立即接收它作为该调用...

    JavaScipt基本教程之JavaScript语言的基础

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互性和动态效果。本教程将深入探讨JavaScript的基础知识,包括如何在HTML中插入JavaScript代码、JavaScript的基本语法以及变量和...

    ArcGIS API for JavaScript 3.23下载

    《ArcGIS API for JavaScript 3.23:深入解析与应用》 ArcGIS API for JavaScript是Esri公司推出的一款强大的地图开发工具,主要用于构建交互式的二维和三维Web地图应用程序。在本文中,我们将深入探讨3.23版本的...

    javascript Tree

    “dtree”可能是某个特定的JavaScript Tree库的名字,或者是一个示例代码文件。这个库可能提供了创建、管理和操作树形结构的API,包括但不限于: - 初始化树结构:通过传入数据源(如JSON对象)来构建树。 - 添加、...

    JavaScript示例大全,JavaScript,JavaScript示例

    JavaScript还提供了事件处理机制,使得用户与网页的交互变得可能。例如,通过addEventListener方法,我们可以监听用户的点击、滚动等行为,并在这些事件发生时执行相应的函数。 DOM(Document Object Model)是...

    javascipt教程

    "Javascipt.chm"可能是一个包含JavaScript详细教程的CHM帮助文件,你可以通过它深入学习各种概念和技术。"使用说明文档.txt"则可能提供了如何阅读和利用这个教程的指南,确保你能充分利用这些资源。在学习过程中,...

    Beginning JavaScript(第三版)

    在深入讲解基础后,书中的内容可能将扩展到DOM操作,这是JavaScript与网页内容交互的关键。通过DOM(Document Object Model),开发者可以修改网页元素、添加新的内容、响应用户事件等。书里还会涉及事件处理,让...

    javascipt complete reference

    - 函数定义与调用的基本语法。 - 参数传递机制,包括默认参数、可变参数等。 - 函数的作用域与闭包的概念。 - 高阶函数的使用。 #### Chapter 6 - 对象 - 对象的概念及其在 JavaScript 中的重要性。 - 创建对象的...

    javascript从零开始学

    它还能与CSS结合,利用JavaScript来动态改变样式,或者通过CSS动画使交互效果更加生动。 知识点七:JavaScript开发工具和调试技巧 为了提高开发效率和确保代码质量,JavaScript开发者可以使用各种开发工具,如...

Global site tag (gtag.js) - Google Analytics