ActionScript3注入JavaScript脚本

ctionScript3注入JavaScript脚本
JavaScript and VBScript Injection in ActionScript 3 主要内容摘抄

脚本注入在这里是说在ActionScript3编程时更好的组织和使用JavaScript,不是黑客攻击做的那个。通过ActionScript3的ExternalInterface类完成,需要了解JavaScript和文档对象模型( DOM )。

简介
比如说现在用ActionScript3通过socket取数据,然后以JavaScript写到页面上去(我不想用FLEX组件了),这时会用很多现成js组件库,还有自己写的js组件扩展,如何更好的管理它们呢?

通过ActionScript3注入脚本提供以下好处:

服务器独立 :JavaScript编译到SWF文件里了,相对于使用了一个swf,它要用的js文件在另一台服务器上,升级等一些事情会省心。
脚本代码保密 :JavaScript存储在SWF内,不像通常那样直接被看到源代。
透明 :通过适当的编写,只在用到时注入,不用时回收,节约资源。匿名运行,不会影响已有js, 除非你想。
运行脚本的修改 :脚本就像字符串参数一样,在运行时根据具体需求改变。
压缩 :JavaScripts可利用SWF压缩:例如一个32K的JavaScript文件时,存储在SWF里只有5K 。
对于需要Flash/的Flex与JavaScript交互的用户,这是一个不错的解决方案。

AS3脚本注入基础,这是一些常见用法
ExternalInterface.call("alert", "foo")

ExternalInterface.call("alert('foo')")

ExternalInterface.call("function(){alert('foo'); alert('bar');}")

var js:String = "function(){function myFunc(str){alert(str);};myFunc(Foobar);}";
ExternalInterface.call(js)

原来我以为http://code.google.com/p/flex-iframe/这外开源项目用的已经很好了。
还有更好的:用XML在AS3中嵌入JavaScript

import flash.external.ExternalInterface;
var myJavaScript:XML =
<script>
    <![CDATA[
        function(){
            var Foobar = 'foo';
            function myFunc(str){
                alert(str);
            };
            myFunc(Foobar);
        }
    ]]>
</script>
ExternalInterface.call(myJavaScript); 这样写JS漂亮多了。

下面是一些更深入的研究,我没试过,从原文抄来的。

import flash.external.ExternalInterface;
var myJavaScript:XML=
    <script>
        <![CDATA[
            function(){

                // 本地变量
                var myLocal = 'foo';

                // 全局变量
                myGlobal = 'bar';
            }
        ]]>
</script>;

因为“var”被省略,myGlobal变成全局的,可以改变网页上js文件里写的一些变量值了。

import flash.external.ExternalInterface;
var myJavaScript :XML =
    <script>
        <![CDATA[
            function(){

                // 命名的本地函数,不保存
                function myLocalFunction(){
                    alert('foo');
                }

                // 匿名的本地函数,不保存
                var myOtherLocalFunction = function(){
                    alert('bar');
                }

                // 全局函数,可能会覆盖原有函数
                myGlobalFunction = function(){
                    alert('Yo global dude!');
                }
            }
        ]]>
    </script>
方法和变量效果一样,下面两者结合的例子:

import flash.external.ExternalInterface;
var myJavaScript :XML =
    <script>
        <![CDATA[
            function(){
                var snafu = 'You said';
                // "Dojo"是被其它脚本创建的全局对象,
                // 确认它存在再赋值,避免抛出异常.
                // myVar和myFunction会存在对象 "Dojo"中,直到明确摧毁。
                if(Dojo){
                    Dojo.myVar = 'foo';
                    Dojo.myFunction = function (str) {
                        alert(snafu + ":" + str);
                    }
                };
            }
        ]]>
    </script>
ExternalInterface.call(myJavaScript);

这个XML定义函数被销毁,它保存的变量还在,是一种维护状态的方法,但是要小心内存泄漏和覆盖另一个脚本。
我们增加了一个新的全局方法,ExternalInterface.call(" Dojo.myFunction","你好") ,将获得一个警告框说: "You said:你好。"

发送参数和返回值:
import flash.external.ExternalInterface;
var myJavaScript :XML =
    <script>
        <![CDATA[
            function(myFoo){
                function myFunc (str){
                    return str.toUpperCase()
                };
                var anonResult = myFunc(myFoo);
                return anonResult;
            }
        ]]>
    </script>
var myResult = ExternalInterface.call(myJavaScript , "foobar");
// myResult is "FOOBAR"

就到这了,如果你关心VBScript,请看原文。

你可能感兴趣的:(ActionScript3注入JavaScript脚本)