积少成多Flash(8) - ActionScript 3.0 网页之获取参数,JavaScript与ActionScript之间的相互调用

简介:
[索引页]
[源码下载]


积少成多Flash(8) - ActionScript 3.0 网页之获取参数,JavaScript与ActionScript之间的相互调用


作者: webabcd


介绍
演示使用  Flash ActionScript 3.0 获取配置参数,页面参数,以及 js 与 as 间的交互  
  • 参数获取 - 通过 Application.application.stage.loaderInfo.parameters[param] 获取配置参数(flashVars);通过 JavaScript 获取 url 参数
  • 与JavaScript交互 - 利用 ExternalInterface 实现 ActionScript 和 JavaScript 间的相互调用


Flash 端
Main.as
/* 
* 注:    
* 1、如果需要 Flash 与 JavaScript 交互,那么包含 swf 文件的 html 标记必须要有 id 
* 2、如跨域调用,需要设置相关的插件参数,如 <param name="allowScriptAccess" value ="always" /> 
* 3、Flash端的相关安全类配置:类似 flash.system.Security.allowDomain("*"); 
*/ 
package    

        import flash.display.MovieClip; 
        import flash.external.ExternalInterface; 

        public class Main extends MovieClip 
        { 
                public function Main():void 
                { 
                        loadVarsDemo(); 
                         
                        asCallJS(); 
                         
                        jsCallAS(); 
                } 
                 
                 
                // 获取页面端配置的参数 
                // 下面的示例用于读取页面端的如下配置    
                // <param name="flashVars" value="name=webabcd&age=29" /> 
                // <param name="movie" value="Demo.swf?dateOfBirth=1980-02-14" /> 
                private function loadVarsDemo():void 
                { 
                        lblVars.text =    
                                "姓名:" + stage.loaderInfo.parameters["name"] 
                                + "    " 
                                + "年龄:" + stage.loaderInfo.parameters["age"] 
                                + "    " 
                                + "生日:" + stage.loaderInfo.parameters["dateOfBirth"]; 
                                 
                        lblSwfUrl.text = stage.loaderInfo.url; 
                } 
                 
                 
                // ActionScript 调用 JavaScript 
                private function asCallJS():void 
                { 
                        // 调用指定的 JavaScript 端的函数,并顺序指定传递给 JavaScript 端函数的参数 
                        ExternalInterface.call("jsMethod", "param1", "param2"); 
                } 
                 
                 
                // JavaScript 调用 ActionScript 时,ActionScript 端的函数 
                private function jsCallAS():void 
                { 
                        // 注册一个需要被 JavaScript 调用的函数 
                        ExternalInterface.addCallback("asMethod", output);        
                } 
                 
                public function output(p1:String, p2:String):void 
                {        
                        lblResult.text = "参数1:" + p1 + " 参数2:" + p2 
                }     
        } 
}
 
Web 端
Demo.html
< html  xmlns ="http://www.w3.org/1999/xhtml"  xml:lang ="zh_cn"  lang ="zh_cn" > 
< head > 
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"  /> 
< title >Demo </title> 
< script  language ="javascript" >AC_FL_RunContent = 0; </script> 
< script  src ="AC_RunActiveContent.js"  language ="javascript" > </script> 
</head> 
< body  bgcolor ="#ffffff" > 

< script  type ="text/javascript" > 

        Request = { 
                // 根据指定的名称取 url 参数值 
                QueryString : function(name){ 
                     var svalue = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]*)(\&?)","i")); 
                     return svalue ? svalue[1] : svalue; 
                }, 
                 
                // 取 url 参数字符串 
                Query : function(){ 
                     var svalue = location.search.match(new RegExp("[\?](.*)","i")); 
                     return svalue ? svalue[1] : svalue; 
                } 
        } 
         
        // 根据指定的名称取 url 参数值 
        alert(Request.QueryString("param")); 
         
        // 取 url 参数字符串 
        alert(Request.Query()); 
         
</script> 

< script  type ="text/javascript" > 

        // ActionScript 调用 JavaScript 时,JavaScript 端的函数 
        function jsMethod(p1, p2) 
        { 
                alert("参数1:" + p1 + " 参数2:" + p2); 
        } 

        // JavaScript 调用 ActionScript 
        window.onload = function() 
        { 
                var swfObj = document.getElementById('Demo');        
         
                // asMethod 为 ActionScript 端注册的可被 JavaScript 调用的函数 
                swfObj.asMethod("param1", "param2"); 
        } 
         
</script> 

< object  classid ="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"  width ="550"  height ="400"  id ="Demo"  align ="middle" > 
         < param  name ="allowScriptAccess"  value ="sameDomain"  /> 
         < param  name ="allowFullScreen"  value ="false"  /> 
         < param  name ="movie"  value ="Demo.swf?dateOfBirth=1980-02-14"  /> 
         < param  name ="quality"  value ="high"  /> 
         < param  name ="bgcolor"  value ="#ffffff"  />         
         < embed  src ="Demo.swf"  quality ="high"  bgcolor ="#ffffff"  width ="550"  height ="400"  name ="Demo"  align ="middle" allowScriptAccess ="sameDomain"  allowFullScreen ="false"  type ="application/x-shockwave-flash"  pluginspage ="http://www.macromedia.com/go/getflashplayer"  /> 
         < param  name ="flashVars"  value ="name=webabcd&age=29"  /> 
</object> 

</body> 
</html>
 
 


     本文转自webabcd 51CTO博客,原文链接: http://blog.51cto.com/webabcd/342203 ,如需转载请自行联系原作者

相关文章
|
JavaScript 算法 开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果?
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件,动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法,并附有示例代码和在线演示链接,方便开发者参考与测试。
450 56
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
1789 58
|
存储 JavaScript 前端开发
使用JavaScript构建动态交互式网页:从基础到实践
【10月更文挑战第12天】使用JavaScript构建动态交互式网页:从基础到实践
837 1
|
9月前
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
2923 0
|
数据采集 Web App开发 JavaScript
Python爬虫如何获取JavaScript动态渲染后的网页内容?
Python爬虫如何获取JavaScript动态渲染后的网页内容?
|
存储 JavaScript 前端开发
【JavaScript】网页交互的灵魂舞者
本文介绍了 JavaScript 的三种引入方式(行内、内部、外部)和基础语法,包括变量、数据类型、运算符、数组、函数和对象等内容。同时,文章还详细讲解了 jQuery 的基本语法和常用方法,如 `text()`、`html()`、`val()`、`attr()` 和 `css()` 等,以及如何插入和删除元素。通过示例代码和图解,帮助读者更好地理解和应用这些知识。
227 1
【JavaScript】网页交互的灵魂舞者
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
1021 5
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
276 2
|
Web App开发 缓存 前端开发
前端RAG:使用Transformers.js手搓纯网页版RAG(二)- 基于qwen1.5-0.5B
本文继续探讨了RAG的后半部分,通过在浏览器中运行qwen1.5-0.5B模型实现了增强搜索全流程。然而,由于浏览器与模型性能限制,该方案更适合研究、离线及高隐私场景。文章提供了完整的前端代码,让读者能够动手尝试。此外,详细介绍了代码框架、知识库准备、模型初始化及问答实现等步骤,并展示了实际运行效果。受限于当前技术,除非在离线或高隐私环境下,网页大模型的应用仍需进一步优化。
990 0