大家好,又见面了,我是你们的朋友全栈君。flash cookie是什么,有什么作用,这些不做介绍,可以在网上搜,这里主要是做一个制作和使用flash cookie的例子
要使用flash cookie首先要制作一个swf的flash文件,然后在页面才能调用。
flash的制作,这里我们就用adobe flash cs5,这个工具网上一搜就可以找到下载地址
打开后界面如下图所示,
[img]http://dl2.iteye.com/upload/attachment/0084/8538/8720e1a4-6f59-320d-948e-73a6ea1b1063.png[/img]
这个工具对于制作flash是一个利器,这里我们不过多的介绍flash的制作,我们其实只是借助于flash文件在页面使用actionscript的方法。建一个actionscirpt3的文件
点窗口动作,我们就可以在这里写actionscript3的代码了,下面是我们这个例子的as代码。
[img]http://dl2.iteye.com/upload/attachment/0084/8540/359463d2-f034-3104-80fb-b4d48ea772d1.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0084/8542/becbfb6d-53ed-38ea-9cbb-58ed2ea51abd.png[/img]
//导入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);
对上面的代码进行一下说明
import flash.external.ExternalInterface;
这里必须导出这个类,因为下面要使用ExternalInterface
下面的这些代码是安全方面的控制,这些域名可以访问,*说明任何域名都可以访问
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
ExternalInterface.addCallback("getFC",getFC);
ExternalInterface.addCallback("setFC",setFC);
ExternalInterface.addCallback("setFCUserObj",setFCUserObj);
这里要说一下,例如:ExternalInterface.addCallback(“getFC”,getFC); 这里的括号里的第一个参数是js调用时使用的方法名,第二个参数是as本来的方法,这里的第二个参数不能变,定义的是什么方法就是什么方法,第一个参数可以变成任何的名字,在真实的环境中这里最好变一下免得别人可以很容易猜到as中的方法
上面对这段代码的基本的东西说了一下,下面说一下存取flash cookie里的方法,flash cooike里存取的东西都是放在SharedObject这里的
这一句
var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");
定义了一个对象FlashCookie这个对象是SharedObject 类型的
这两句说明了这个对象的结构,就是这个对象里存一个data的对象,data对象里有userName和sex,代码右边的userName和sex都是传进来的参数。这里也要说明一下,这个FlashCookie对象的结构可以随便定义,免得别人可以猜到这个结构,当然这里为了直观就直接写userName了。
FlashCookie.data.userName = userName;
FlashCookie.data.sex = sex;
这一句FlashCookie.flush();是把赋过值的这个我们新定义的对象存到本地的cookie中,ok这一段代码说完了,还有什么不清楚,可以有针对性的在网上搜索一下。
写完上面的代码后就要把代码生成swf文件了,这个很容易的,点文件---发布,就可以在相应的目录下看到新生成的三个文件这里我们的是testFC.fla,这个是工程文件,有这个文件就可以看到原代码的,发布后我们不用这个文件,用testFC。swf文件,我们费这么大力气其实 就是为了得到这个文件,还有一个就是testFC.html文件,这个是给我们生成的测试文件,我们只用在testFC.html里添加上我们要写的javascript就可以了
testFC.html的内容如下:
<!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的制作和使用就介绍完毕,当然可能根据使用的情况不同,会有一些问题,我想有了这么一个框架例子,解决其它的问题都比较容易了。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/158982.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...