首页 / JAVASCRIPT / javascript向flash swf文件传递参数值注意细节

javascript向flash swf文件传递参数值注意细节

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript向flash swf文件传递参数值注意细节，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8680字，纯文字阅读大概需要13分钟。

内容图文

问题：如何使用javascript向SWF文件传递参数？
在网上找了一个完整的教程，很有启发性和实用性，如下是完整实现的步骤：
配置SwfObject：
Swfobject2是目前检测用户是否安装Flash的最佳方法。它被认为是‘行业标准'，并且Adobe所有产品的新版本（Flex4，Flash CS5）都会使用SwfObject来检测Flash Player。
先要下载，解压ZIP文件，复制swfobject.js文件到你的web服务器上，根目录下创建名为'js'根文件夹是个不错的想法。（因此文件位置应该是http://myserver.com/js/swfobject.js)。我们会在以后创建的HTML文件中参考这个文件的。如果你想使用ExpressInstall功能（为用户提供简单的升级方法），你必须将expressInstall.swf复制到相同的文件夹下。
配置HTML文件：
HTML文件包括两个Javascript。一个用来抓取来自网址的参数。这是由Matt White创建的，它虽然简单但十分有效。代码如下：
代码如下:


<script type="text/javascript"> 
/* Get URL Parameter in Javascript. Code from: http://mattwhite.me/11tmr.nsf/D6Plinks/MWHE-695L9Z */ 
function getURLParam(strParamName){ 
var strReturn = ""; 
var strHref = window.location.href; 
if ( strHref.indexOf("?") > -1 ){ 
var strQueryString = strHref.substr(strHref.indexOf("?")); 
var aQueryString = strQueryString.split("&"); 
for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){ 
if ( aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){ 
var aParam = aQueryString[iParam].split("="); 
strReturn = aParam[1]; 
break; 
} 
} 
} 
return unescape(strReturn); 
} 
</script> 
 
将如上代码放置到你的HTML文件的HEAD标签中。你同样需要将导入SWFObject脚本导入进来，代码如下： 
<script type="text/javascript" src="/js/swfobject.js"></script>另一个Javascript是使用SwfObject插入SWF文件。你可以将其放置在HTML文件的任何地方。首先我们要做的是创建一个DIV标签，在没有安装合适的Flash Player时提示用户。 
 代码如下:
<div id="flashcontent"> 
<strong>This content requires Flash Player 9 (or a more recent version). 
<noscript>Make sure JavaScript is turned on. </noscript> 
You need to <a href="http://www.adobe.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash" target="_blank"> 
<span style="text-decoration: underline;">upgrade your Flash Player</span></a></strong> 
</div> 
 
在DIV标签内你可以输入任何想输入的内容。添加图片或者反馈信息随你喜欢，因为这些内容都会被SWF文件所替换。 
接下来是实现替换功能的Javascript： 
 代码如下:
<script type="text/javascript"> 
var flashvars = { test:getURLParam("test") }; 
var params = {}; 
var attributes = {}; 
swfobject.embedSWF("/articlefiles/jsvars/jsvars.swf", "flashcontent", "550", "400", "9.0.0","", flashvars, params, attributes); 
</script> 
 
注意第二行，我们调用了Javascript函数'getURLParam'，这个函数已经被插入到HTML文件中。我们所传递的名字正是希望从网址中捕获的参数名。 
创建Flash文件 
接下来该创建Flash文件了。将一个文本框添加到舞台上。在属性面板中设置为'动态文本'，实例名为'mytextField'。通过点击'显示文本周围边框'实现在选中文本框时显示边框。 
捕获传递进来的参数需要使用如下的try/catch语句: 
 代码如下:
try { 
var key:String; // This will contain the name of the parameter 
var val:String; // This will contain the value of the parameter 
var flashvars:Object = LoaderInfo(this.root.loaderInfo).parameters; 
for (key in flashvars) { 
val = String(flashvars[key]); 
mytextField.text = key+": "+val; 
} 
} catch (error:Error) { 
// what to do if an error occurs 
} 
 
文件：jsvars_test.fla 
将文件和HTML文件一并上传到服务器上。当运行文件时，你会看到文本框中的'test:'字样。 
注意：如果SWF无法显示，你只看到了'升级Flash Player'字样，说明服务器上缺少某些东西。确保你已经将SwfObject文件(swfobject.js)上传到了http://myserver.com/js/swfobject.js。同时确保HTML文件中的SwfObject文件和SWF文件路径正确。如果仍然有问题，查看一下例子的源文件及路径。 
接下来，试着像这样添加test参数http://www.flashmagazine.com/articlefiles/jsvars/jsvars_test.html?test=something.如果一切正常，你将会看到'test:something'，表明你已经成功的将参数传递到Flash文件中。 
更进一步 
你同样可以设置来自SWF文件的参数。在这个例子中http://www.flashmagazine.com/articlefiles/jsvars/jsvars.html?test=something&id=someID我们同样实现了发送参数。 
FLA文件包含两个分别命名为'variablesReceived'和'variablesToSend'的文本框,以及一个用来发送新参数的按钮。这个例子的HTMl文件被设置接收'test'和'id'两个参数。首先我们为第一个文本框添加一些说明性文字： 
variablesReceived.text ="Variables passed in:" + " ";接下来该接收变量了： 
 代码如下:
try { 
var key:String; 
var val:String; 
var flashvars:Object = LoaderInfo(this.root.loaderInfo).parameters; 
for (key in flashvars) { 
val = String(flashvars[key]); 
variablesReceived.appendText("\t" + key + ": " + val + " "); 
} 
} catch (error:Error) { 
variablesReceived.appendText(error.toString()); 
} 
 
这将会在第一个文本框中列举出所有的flashvars。我们在这个文件中使用到的另一个主要函数就是发送变量函数: 
 代码如下:
// Sending parameters 
function sendVariables(e:MouseEvent):void { 
// First we grab the URL of the HTML document and split it into an array 
var htmlUrl:String = ExternalInterface.call("window.location.href.toString"); 
// split the string at the questionmark 
var splitUrl:Array = htmlUrl.split("?"); 
// use only the first part (ditch existing parameters) 
var trimmedUrl:String = splitUrl[0]; 
// get the parameters we want to append to the URL 
var parameters:String = variablesToSend.text; 
// combine url and parameters with a new questionmark 
var requester:URLRequest = new URLRequest(trimmedUrl+"?"+parameters); 
// reload the page 
navigateToURL(requester, '_self'); 
} 
 
这里我们使用了一个小小技巧，通过使用'ExternalInterface.call'捕获SWF文件插入的HTML文本的网址。Flash文件只知道指向自身的网址，这个技巧突破了这个限制。ExternalInterface在SwfObject默认情况下是被打开的，但你可以手动关闭它。

我们不需要当前网址中的参数（也就是'…?test=something&id=5′）。因此我们只保留了问号之前的部分并将其存储在'trimmedUrl'变量中以备将来之用。我们捕获'variablesToSend'文本框中的参数，并将其传递到URLRequest中。通过将request传递给'navigateToURL'，浏览器会重新加载HTML页面并在'variablesReceived'文本框中显示最近提交的值对。

注意：你不能在Flash中测试它。需要将文件上传到服务器上，因为FlashVars和ExternalInterface都需要SWF被插入到浏览器中。

最后我们必须使用addEventListener为发送按钮设置调用'sendVariables'方法。 
sendButton.addEventListener(MouseEvent.CLICK,sendVariables);现在你已经知道如何使用Javascript相互传递参数了。让我们用我们的所学做一些有用的事情。

创建记录状态的导航 
结束之前，让我们构建一个小型菜单系统，这个系统可以高亮显示当前的点击按钮，你可以下载已完成文件或者运行案例，让我们看一下代码： 
首先停止SWF的时间轴播放，为鼠标点击设置事件监听器。 
stop(); 
// setup our 5 buttons 
item1.addEventListener(MouseEvent.CLICK, gotoURL); 
item2.addEventListener(MouseEvent.CLICK, gotoURL); 
item3.addEventListener(MouseEvent.CLICK, gotoURL); 
item4.addEventListener(MouseEvent.CLICK, gotoURL); 
item5.addEventListener(MouseEvent.CLICK, gotoURL);当仍然一个按钮被点击，他们都会执行'gotoURL'函数。接下来，我们捕获来自网址的参数： 
 代码如下:
// grab variables 
try { 
var key:String; 
var val:String; 
var flashvars:Object = LoaderInfo(this.root.loaderInfo).parameters; 
for (key in flashvars) { 
val = String(flashvars[key]); 
if(key == "item"){ // If the parameter is called 'item'... 
if(val.substr(0,4) == "item"){ // ... and the name of the button starts with the characters 'item'... 
// ... we can extract the number-part of the item-name and go to the correct frame 
var frameToGoTo:Number = Number( val.substr(4,1) ); 
gotoAndStop( frameToGoTo+1 ); 
} 
} 
} 
} catch (error:Error) { 
// what to do if an error occurs 
} 
 
正如你所看到的，这和之前的做法十分相似。但这次我们传递的参数名字为'item'。这个参数是我们点击的按钮的名字。 
接下来是gotoURL函数。 
 代码如下:
// Get the new page 
function gotoURL(e:MouseEvent):void { 
// First we grab the URL of the HTML document and split it into an array 
var htmlUrl:String = ExternalInterface.call("window.location.href.toString"); 
// split the string at the questionmark 
var splitUrl:Array = htmlUrl.split("?"); 
// use only the first part (ditch existing parameters) 
var trimmedUrl:String = splitUrl[0]; 
// get the name of the button clicked and set it as a parameter 
var parameters:String = "item="+e.currentTarget.name; 
// combine url and parameters with a new questionmark 
var requester:URLRequest = new URLRequest(trimmedUrl+"?"+parameters); 
// reload the page 
navigateToURL(requester, '_self'); 
} 
 
我们通过联合'item='字符以及点击的按钮名字创建自己的参数。然后将网址以及参数传递到navigateToURL方法中重新加载带有新参数的HTML页面。 

事件是如何工作的：当一些东西被点击时我们使用addEventListener()方法监听点击事件，事件包含被点击的对象的引用。'currentTarget'属性会引用被点击的对象(e.currentTarget),这样一来我们就可以使用e.currentTarget.name获得其名字。

要成为一个完整的菜单系统，你还需要使加载新的网址，而不是像例子中使用相同的网址。你现在应该知道最基本的知识。它同时可以以多种方式运行。可以将网址当做变量存储在SWF中，从一个XML文件加载，或者更多其它的方式。因此我把这些交给你。如果你使用本教程创建了解决方案，请在评论中张贴网址，以便其他学习者可以看到它.

内容总结

以上是互联网集市为您收集整理的javascript向flash swf文件传递参数值注意细节全部内容，希望文章能够帮你解决javascript向flash swf文件传递参数值注意细节所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/367688.html

来源：【匿名】

【上一篇】解析John Resig Simple JavaScript Inheritance代码【下一篇】javascript 怎么调用php方法

更多 ►

【javascript向flash swf文件传递参数值注意细节】教程文章相关的互联网学习教程文章

理解JavaScript函数参数

前面的话　　javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型，甚至可以不传参数。arguments　　javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚至不检查传入形参的个数?1234567functionadd(x){returnx+1;}console.log(add(1));//2console.log(add(‘1‘));//‘11‘consol...

JavaScript 之 function函数及参数arguments【代码】【图】

JavaScript用function关键字声明函数，可以用return返回值，也可以没有返回值。建议：要么统一有返回值，要么统一都没有返回值，这样调试代码方便。函数定义格式：function functionName(参数){//函数体内}定义函数的时候，参数可以写，也可以不写，Javascript没有限制传递参数的个数，也不介意传入参数的数据类型。在函数体内可以通过arguments 对象来访问参数数组，从而获取传递给函数的每一个参数。arguments.length：参数个数用...

js判断传递参数的的类型，并返回

function type(target) {　　　　var templet ={　　　　　　"[object Array]" : "arry";　　　　　　"[object Object]" : "object";　　　　　　"[object Number]" : "number_object";　　　　　　"[objecct Boolean]" : "boolean_object";　　　　　　"[object String]" : "String_object";　　　　}　　　　if(target === null){　　　　　　return 　　"null";　　　　}　　　　　if(typeof(target)=="object"){　　...

js获取url中指定参数的值(含带hash)【代码】

JS获取地址栏的参数值【代码】

function GetQueryString(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r!=null)return unescape(r[2]); return null;} 原文：http://www.cnblogs.com/anxiaoyu/p/7723553.html

js获得url内的参数【代码】

/*** js获得url内的参数* 返回值: string or undefined* 使用方法:$_GET[‘from‘]*/var $_GET = (function() {var search = location.search;if (search == ‘‘){return {};}search = search.split(‘?‘)[1];search = search.split(‘&‘);var get = {};for (var i in search){var j = search[i].split(‘=‘);get[j[0]] = j[1];}return get;})(); 原文：http://www.cnblogs.com/bossikill/p/3982067.html

js的隐含参数(arguments,callee,caller)使用方法

在提到上述的概念之前，首先想说说javascript中函数的隐含参数：argumentsarguments 该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。Arguments是一个类似数组但不是数组的对象，说它类似数组是因为其具有...

Effective JavaScript Item 22 使用arguments来创建接受可变参数列表的函数

本系列作为Effective JavaScript的读书笔记。在Item 21中，介绍了结合apply方法实现的可变参数列表函数average，它实际上只声明了一个数组作为参数，但是利用apply方法，实际上可以接受若干元素作为参数： function averageOfArray(a) {for (var i = 0, sum = 0, n = a.length; i < n; i++) {sum += a[i];}return sum / n; } averageOfArray.apply(null, [1, 2, 3, 4, 5]); 而利用arguments变量，可以将声明的参数也去掉。即函数可...

Javascript 获取链接(url)参数的方法【代码】

qa项目可能需要客户端获取到url的参数，搜到一个很好的解决方法，记录在博客，省得以后找麻烦。方法一：分解链接的方式<script type="text/javascript"> /** 说明：Javascript 获取链接(url)参数的方法*/ function getQueryString(name) {// 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空if(location.href.indexOf("?")==-1 || location.href.indexOf(name+‘=‘)==-1){return ‘‘;}// 获取链接中参数部分var ...

【20190405】JavaScript-正则式匹配与替换的参数【代码】

在正则式的应用中有三个函数使用得最多：exec()、test()与字符串的replace(reg, options)。其中test()最简单，只要字符串与正则式可以匹配，就返回true，否则返回false。接下来主要分析一下exec()和replace()的用法。reg.exec()：举个例子：let reg=/-(\w)/g; let str=‘the-first-index‘; console.log(reg.exec(str),reg.exec(str));这个例子取到了字符串中每个-后的字母。首先正则式中带有g参数，说明是全局查找，那么在第一次调...

js获取url参数【代码】

js获取url参数方法：//获取url中的参数适配中文function GetUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r != null) return decodeURI(r[2]); returnnull; //返回参数值 } 原文：https://www.cnblogs.com/leiting/p/9440956.html

js获取url 参数【代码】

thinkphp5 模板url标签跟javascript ajax 的 url 参数被莫名替换【图】

发现一个 thinkphp5 的小bug 我用的是 thinkphp5.0.24 版本在模板标签里原来的大U函数被改成url 那么问题来了在javascript里这样写标签很容易被替换掉就是上面这句被浏览器解释出来就变成了这样出错了经反复研究这样写就不会出错了逗号换行分割开来就可以了哈被我发现的原文：https://www.cnblogs.com/trip-j/p/12048768.html

javascript arguments参数问题【代码】

function f(a, b, c){alert(arguments.length); // result: "2"a = 100;alert(arguments[0]); // result: "100"arguments[0] = "qqyumidi";alert(a); // result: "mingyue"alert(c); // result: "undefined"c = 2016;alert(arguments[2]); // result: "undefined"}f(1, 2);arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是...

javascript 函数参数【代码】【图】

1、javascript函数参数的个数以及类型没有强制规定，调用时不必严格按照函数的参数或类型，函数的参数只是在调用函数的时候提供了便利，但不是必须的！2、参数在javascript内部是用数组arguments表示的可以使用arguments[0]、arguments[1]、......arguments[n]来表示函数的值。3、没有传递值得命名参数自动赋值为undefined; 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"/> 5<title></title> 6<script type="text/java...

首页 / JAVASCRIPT / javascript向flash swf文件传递参数值注意细节

javascript向flash swf文件传递参数值注意细节

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript向flash swf文件传递参数值注意细节】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

FLASH - 相关标签

SWF - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程