flash cookie的制作和使用例子详解 一

2022-09-14 11:12:40 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。flash cookie是什么,有什么作用,这些不做介绍,可以在网上搜,这里主要是做一个制作和使用flash cookie的例子

要使用flash cookie首先要制作一个swf的flash文件,然后在页面才能调用。 flash的制作,这里我们就用adobe flash cs5,这个工具网上一搜就可以找到下载地址 打开后界面如下图所示,

[img]https://img.yuanmabao.com/zijie/pic/2022/09/14/kug2qbntu4a.png[/img]

这个工具对于制作flash是一个利器,这里我们不过多的介绍flash的制作,我们其实只是借助于flash文件在页面使用actionscript的方法。建一个actionscirpt3的文件

点窗口动作,我们就可以在这里写actionscript3的代码了,下面是我们这个例子的as代码。

[img]https://img.yuanmabao.com/zijie/pic/2022/09/14/zaxhnejkyao.png[/img]

[img]https://img.yuanmabao.com/zijie/pic/2022/09/14/okpbbada1wj.png[/img]

代码语言:javascript复制
//导入ExternalInterface类
import flash.external.ExternalInterface;
flash.system.Security.allowDomain("http://localhost");
flash.system.Security.allowDomain("http://127.0.0.1");
//允许任何域都可以访问
flash.system.Security.allowDomain("*");

function setFC(userName:String,sex:String){
  
  
	var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");
	FlashCookie.data.userName = userName;
	FlashCookie.data.sex = sex;
	FlashCookie.flush();
}
function getFC():String{
  
  
	var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");
	return FlashCookie.data.userName;
}
function setFCUserObj(obj:Object){
  
  
	var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");
	FlashCookie.data.userName = obj.userName;
	FlashCookie.data.sex = obj.sex;
	FlashCookie.flush();
}
//允许js)调用flash中的getFC(),setFC(),setFCUserObj
ExternalInterface.addCallback("getFC",getFC); 
ExternalInterface.addCallback("setFC",setFC); 
ExternalInterface.addCallback("setFCUserObj",setFCUserObj);

对上面的代码进行一下说明

代码语言:javascript复制
import flash.external.ExternalInterface;

这里必须导出这个类,因为下面要使用ExternalInterface

下面的这些代码是安全方面的控制,这些域名可以访问,*说明任何域名都可以访问

代码语言:javascript复制
flash.system.Security.allowDomain("http://localhost");
flash.system.Security.allowDomain("http://127.0.0.1");
//允许任何域都可以访问
flash.system.Security.allowDomain("*");

然后就做了三个Actionscript的方法setFC,get,setFCUserOb,再下面的代码 //允许js)调用flash中的getFC(),setFC(),setFCUserObj

代码语言:javascript复制
ExternalInterface.addCallback("getFC",getFC); 
ExternalInterface.addCallback("setFC",setFC); 
ExternalInterface.addCallback("setFCUserObj",setFCUserObj);

这里要说一下,例如:ExternalInterface.addCallback(“getFC”,getFC); 这里的括号里的第一个参数是js调用时使用的方法名,第二个参数是as本来的方法,这里的第二个参数不能变,定义的是什么方法就是什么方法,第一个参数可以变成任何的名字,在真实的环境中这里最好变一下免得别人可以很容易猜到as中的方法

上面对这段代码的基本的东西说了一下,下面说一下存取flash cookie里的方法,flash cooike里存取的东西都是放在SharedObject这里的 这一句

代码语言:javascript复制
var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");

定义了一个对象FlashCookie这个对象是SharedObject 类型的 这两句说明了这个对象的结构,就是这个对象里存一个data的对象,data对象里有userName和sex,代码右边的userName和sex都是传进来的参数。这里也要说明一下,这个FlashCookie对象的结构可以随便定义,免得别人可以猜到这个结构,当然这里为了直观就直接写userName了。

代码语言:javascript复制
FlashCookie.data.userName = userName;
	FlashCookie.data.sex = sex;

这一句FlashCookie.flush();是把赋过值的这个我们新定义的对象存到本地的cookie中,ok这一段代码说完了,还有什么不清楚,可以有针对性的在网上搜索一下。

写完上面的代码后就要把代码生成swf文件了,这个很容易的,点文件---发布,就可以在相应的目录下看到新生成的三个文件这里我们的是testFC.fla,这个是工程文件,有这个文件就可以看到原代码的,发布后我们不用这个文件,用testFC。swf文件,我们费这么大力气其实 就是为了得到这个文件,还有一个就是testFC.html文件,这个是给我们生成的测试文件,我们只用在testFC.html里添加上我们要写的javascript就可以了

testFC.html的内容如下:

代码语言:javascript复制
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
	<head>
		<title>testFC</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #ffffff;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
		<script type="text/javascript">
			function setFC(){
  
  
				thisMovie().setFC("soctt","m");
			}
			function setFCUseObj(){
  
  
				var obj = new Object();
				obj.userName="AlecYan";
				obj.sex="m";
				thisMovie().setFCUserObj(obj);
			}
			function getFC(){
  
  
				alert(thisMovie().getFC());
			}
			//输出测试,通过v传递flash变量
			function GetSwfUrl(v) {alert("ooooo");
			alert(v);

			}
			//调用flash中的方法,"my_mv"为html页中swf的id
			function callExternal() {alert("ffff");
				thisMovie().flAlert();alert("111");
			}
			//搭建js与flash互通的环境
			function thisMovie() {
  
  
				if (navigator.appName.indexOf("Microsoft") != -1) {
  
  
					return window["testFC"];
				}else{
  
  
					return document["testFC"];
				}
			} 

		</script>
	</head>

	<body>
	<input type="button" onclick="callExternal()" value="Call callExternal" />
	<input type="button" onclick="setFC()" value="setFC" />
	<input type="button" onclick="getFC()" value="getFC" />
	<input type="button" onclick="setFCUseObj()" value="setFCUseObj" />

		<div id="flashContent">
			 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1" height="1" id="testFC" title="testFC" align="middle">
			 <param name="allowScriptAccess" value="always" />
			 <param name="movie" value="testFC.swf">
			 <param name="quality" value="high">
			 <param name="wmode" value="transparent" />
			 <embed src="testFC.swf" name="testFC" quality="high" allowScriptAccess="always"  swLiveConnect="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"  width="1" height="1"></embed>
			</object>
	</div>
	</body>
</html>

这里面没有啥说的,一看就明白了,只是有几个地方要注意 <param name=”allowScriptAccess” value=”always” /> 这里要写成always,还有可能自动生成的代码没有embed这个标签,如果没有可以把上面的考过去,把相应的地方做修改就可以了

OK,代码就介绍完了,再说明一下的是运行环境,首先我试验的时候发现必须要在服务下运行,也就是要弄一个容器,如果直接打开html文件是不行的,我这里用的是apache,然后把testFC.swf和testFC.html两个文件放在apache的web目录下,在浏览器里http://localhost/testFC.html打开就可以了 到这里flash cookie的制作和使用就介绍完毕,当然可能根据使用的情况不同,会有一些问题,我想有了这么一个框架例子,解决其它的问题都比较容易了。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158982.html原文链接:https://javaforall.cn

0 人点赞