JavaScript与ActionScript3两者的同性与差异性

javascript和actionscript是基于什么标准的，大家知道吗？

ActionScript 和 JavaScript 共享一个常用标准：ECMAScript。因此，如果您曾经用 JavaScript 编写过一个条件（“if 语句”）或迭代（“循环语句”），则您可以使用 ActionScript。记住 JavaScript 和 ActionScript 一样是区分大小写的。

先来看看二者的同性与差异性：

共同点：

a)、二者语法相似，都遵循ECMAScript标准（点击查看ECMAScript5.1中文版）；

b)、均可在客户端上运行，是构建RIA应用的较为流行的编程语言；

差异：

a)、二者操作的显示不同：JavaScript操作DOM对象，ActionScript3.0操作的是DisplayObject；

b)、运行环境不同：JavaScript需要JavaScript引擎进行解析、执行，ActionScript3需要Adobe的flash player（AVM2）进行解析；

c)、ActionScript3.0引入OOP概念，可使用extends实现继承，而JavaScript只能使用基于原型的方式来实现；

d)、应用的领域有所不同：JavaScript目前主要应用于web页面（PC端、手机终端等），而ActionScript3.0在网页游戏上的应用则比较多；

题外话（个人想法仅供参考）：单从报酬上来讲，as3的浮动比js要大，如果你参与开发的一款网页游戏月充值流水超过了五百万（到各大页游平台上看看开服量，单服月充值按5~10W来算，如果开到100组，广告成本页游大概在2~15元/注册人），一般奖金都还比较可观（项目的前后台主程可能多一些，分配比例各公司肯定有自己的协议）。但大多数“创业型”的小公司进行网页游戏开发，难以发展壮大，关门的居多，这就意味着风险较高。而招前端的，大公司的大门随时为你敞开着（薪资也还不错）。希望我在三十岁以前，有机会写一篇亲历参与“创业”的经历，从js前端转as3前端的历程，也算是送给自己三十岁生日的一份礼物:)

关于创业、转岗、管理，有机会一并写出自己的想法，现在还不太成熟，扯远了，还是单纯回到技术上来吧。既然是那些事，那么JavaScript与ActionScript3肯定是有一些交集的，这里以基于浏览器的应用场景来进行归纳：

1、as3获取网页传递过来的参数；

2、js与as3的相互调用；

从“渲染swf” 开始讲起，先使用JS判断当前浏览器是否安装了flash player，然后获取其版本，是否满足最低flash player的版本，然后动态创建dom节点，并追加到页面中。点击查看《JavaScript检测flash player的版本号》

渲染swf，一般使用swfobject.js (注意swfobject.js的版本，ver1.5与ver2.0+用法上差异较大)，相关文档在这里>>

页面传递给swf的参数，有二种方式：

1、路径参数：<param name=”movie” value=”xxx.swf?v….”/> <embed src=”xxx.swf?v…” />

2、使用flashvars：<param name='”flashvars” value=”…” /> <embed src=”xxx.swf” flashvars=”…” />

as3获取参数root.loaderInfo.parameters或stage.loaderInfo.parameters

flex生成的swf通过Application.application.parameters可直接获取

如果使用as3的“壳”加载flex生成的swf，假定as3的“壳”中定义如下的代码：

public var param_obj:Object;
param_obj = this.loaderInfo.parameters;

那么flex生成的swf获取参数的方法：

var system_Obj:Object = Object(SystemManager(SystemManager.getSWFRoot(this)).getTopLevelRoot());
var obj:Object = system_Obj.param_obj;

示例代码（as3）：

package { import flash.display.Sprite; import flash.events.Event; import flash.external.ExternalInterface; /** * ... * @author Meteoric_cry */ public class Main extends Sprite { public function Main():void { if (stage) init(); else addEventListener(Event.ADDED_TO_STAGE, init); } private function init(e:Event = null):void { removeEventListener(Event.ADDED_TO_STAGE, init); // entry point initView(); } private function initView():void { var obj:Object = this.loaderInfo.parameters; var kk:String = obj['kk']; if (ExternalInterface.available) { ExternalInterface.call('alert', kk); } } } }

HTML代码：

<!DOCTYPE html><html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><div id='myId'><p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash player</a></p></div><script type="text/javascript" src="swfobject.js"></script> 1: 2: <script type="text/javascript"> 3: var flashvars = { 4: 'kk' : '你才是kk' 5: }; 6: 7: var params = { 8: menu: "false", 9: scale: "noScale", 10: allowFullscreen: "true", 11: allowScriptAccess: "always", 12: bgcolor: "", 13: wmode: "direct" // can cause issues with FP settings & webcam 14: }; 15: 16: var attributes = { 17: 'id' : 'xx', 18: 'name' : 'xx' 19: }; 20: 21: swfobject.embedSWF("http://b.com/js_swf/jsas.swf", "myId", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);</script></body></html>

上面的参数“allowScriptAccess”的值有三个：always、sameDomain、never

默认值是：sameDomain，即允许同域下的swf调用js函数，如果设置为never则完全不允许调用，而always则无任何限制，swf可直接调用。

如果更改上面页面的参数allowScriptAccess的值为“sameDomain”，会出现如下的情况：

如果页面需要加载远程的swf文件，如果需要swf让js进行调用，则需要在代码中加上：

Security.allowDomain("*");
Security.allowInsecureDomain("*");

后再进注册：ExternalInterface.addCallback('jsCallback', jsCallback); 否则调用将会失败（不会抛出异常）

AS3调用JS所使用的方法：ExternalInterface.call

而JS调用AS3需要在AS3内先“注册”，而且必须要等待swf加载、注册完之后，才能调用它的方法

AS3内进行注册：ExternalInterface.addCallback(‘fnName', fnName);

其中fnName为SWF对外“开放”的接口，而JS直接使用(document[‘swfName'] || window[‘swfName']).fnName()；调用即可，和调用JS函数一样，需要传递参数直接在函数调用符“（）”内加入相应的参数即可。

IE下可通过查看节点工具，查看swf“公开”出来的方法，其它浏览器无法直接查看

之前我也写过一些关于as与js相关的文章：

flash在网页应用中的一些特殊应用场景>>

chrome、ff下flash的mousewheel事件失效(wmode=transparent)>>

js与as相互调用，一个比较典型的应用：跨浏览器的音乐播放器（列表使用js呈现，swf对外“公开”播放、暂停、停止等方法）

以上所述是小编给大家介绍的JavaScript与ActionScript3两者的同性与差异性，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • Javascript 调用 ActionScript 的简单方法

    1. 在Flex中,ActionScript调用Javascript是比较简单的,说白了就是,在html里,怎么调用Javascript,在ActionScript就怎么调用就可以了 2. 如果用js调用as,就稍微麻烦一点,其实也比较简单 MXML代码: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com//mxml&

  • Actionscript与javascript交互实例程序(修改)

    Actionscript与javascript交互实例程序(修改)

    mxml页面: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width=&

  • actionscript与javascript的区别

    当时Netscape的JavaScript使其在与ie的浏览器大战中独占鳌头,而后ie创建了jscript应对Netscape的JavaScript,而事实上jscript基本上抄袭的JavaScript,这也是微软一直备受诟病的一件事,jscript与JavaScript有一些语法上的不一样,但二者均是同一类web开发技术,而且目前流行的是JavaScript,jscript的使用已经越来越少了.另外JavaScript的核心为ecmascript,与actionscript的核心一样,所以学

  • JavaScript和ActionScript的交互实现代码

    复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import flash.external.ExternalInterface; publ

  • JavaScript与ActionScript3两者的同性与差异性

    javascript和actionscript是基于什么标准的,大家知道吗? ActionScript 和 JavaScript 共享一个常用标准:ECMAScript.因此,如果您曾经用 JavaScript 编写过一个条件("if 语句")或迭代("循环语句"),则您可以使用 ActionScript.记住 JavaScript 和 ActionScript 一样是区分大小写的. 先来看看二者的同性与差异性: 共同点: a).二者语法相似,都遵循ECMAScri

  • JavaScript更改class和id的方法

    是className,可不是class 注意JavaScript使用的是className去访问class属性,因为class是一个保留关键字,因为将来JavaScript可能开始支持像Java一样的类. 我们在讨论style属性时遇到了棘手的细节问题和浏览器差异性带来的麻烦,正如同经历一场惊涛骇浪.而class和id的更改则像是沙漠里一片平静的绿洲,浏览器们在这里和谐相处.思考这个例子: p { color: #000000; /* black */ } p.emphasis { color:

  • JavaScript中property和attribute的区别详细介绍

    1. 定义 Property:属性,所有的HTML元素都由HTMLElement类型表示,HTMLElement类型直接继承自Element并添加了一些属性,添加的这些属性分别对应于每个HTML元素都有下面的这5个标准特性: id,title,lang,dir,className.DOM节点是一个对象,因此,他可以和其他的JavaScript对象一样添加自定义的属性以及方法.property的值可以是任何的数据类型,对大小写敏感,自定义的property不会出现在html代码中,只存在js中.

  • JavaScript异步加载浅析

    前言 关于JavaScript脚本加载的问题,相信大家碰到很多.主要在几个点-- 1> 同步脚本和异步脚本带来的文件加载.文件依赖及执行顺序问题 2> 同步脚本和异步脚本带来的性能优化问题 深入理解脚本加载相关的方方面面问题,不仅利于解决实际问题,更加利于对性能优化的把握并执行.   先看随便一个script标签代码-- 复制代码 代码如下: <script src="js/myApp.js"></script> 如果放在<head>上面

  • JavaScript内核之基本概念

    本章主要讲述JavaScript中的数据类型(基本类型与引用类型),变量(包括变量的作用域),操作符(主要是一些较为常见,但是不容易从字面上理解的操作符).由于JavaScript中的"一切皆对象",在掌握了这些基本的概念之后,读者就可以较为轻松的理解诸如作用域,调用对象,闭包,currying等等较难理解的概念了. 数据类型 有程序设计经验的读者肯定知道,在C或者Java这样的语言中,数据是有类型的,比如用以表示用户名的属性是字符串,而一个雇员的年龄则是一个数字,表示UI上的一个开关

  • JavaScript中的property和attribute介绍

    JavaScript中的property和attribute介绍

    首先看看这两个单词的英文释义(来自有道词典).先是property: 复制代码 代码如下: property ['prɔpəti] n. 性质,性能:财产:所有权 英英释义: any area set aside for a particular purpose "the president was concerned about the property across from the White House" 同义词:place something owned; any tangi

  • JavaScript中setAttribute用法介绍

    setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值.1.样式问题setAttribute("class", value)中class是指改变"class"这个属性,所以要带引号.vName代表对样式赋值.例如: 复制代码 代码如下: var input = document.createElement("input");input.setAttribut

  • 浅谈Javascript事件处理程序的几种方式

    事件就是用户或浏览器自身执行的某种动作.比如说click,mouseover,都是事件的名字.而相应某个事件的函数就叫事件处理程序(或事件侦听器).为事件指定处理程序的方式有好几种. 一:HTML事件处理程序. 如: 复制代码 代码如下: <script type="text/javascript"> function show(){ alert('hello world!'); } </script> <input type="button&q

  • JavaScript常用脚本汇总（一）

    jquery限制文本框只能输入数字 jquery限制文本框只能输入数字,兼容IE.chrome.FF(表现效果不一样),示例代码如下: 复制代码 代码如下: $("input").keyup(function(){ //keyup事件处理    $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function(){ //CTR+V事件处理    $(this).val($(this).

  • javascript中setAttribute兼容性用法分析

    本文实例分析了javascript中setAttribute兼容性用法.分享给大家供大家参考,具体如下: 1:常规属性建议使用 node.XXXX. 2:自定义属性建议使用node.getAttribute("XXXX"). 3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX"),如label中的for. 4:当获取的目标是保留字,如:class,请使用className代替. setAttribute(string name,

随机推荐