Chinaunix首页 | 论坛 | 博客
  • 博客访问: 752282
  • 博文数量: 196
  • 博客积分: 115
  • 博客等级: 民兵
  • 技术积分: 354
  • 用 户 组: 普通用户
  • 注册时间: 2010-05-13 23:19
文章分类

全部博文(196)

文章存档

2021年(1)

2019年(5)

2018年(11)

2017年(15)

2016年(13)

2015年(46)

2014年(81)

2013年(22)

2012年(2)

分类: Web开发

2015-11-11 23:55:05

flash cookie是什么,有什么作用,这些不做介绍,可以在网上搜,这里主要是做一个制作和使用flash cookie的例子 

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




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

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







Java代码  收藏代码
  1. //导入ExternalInterface类  
  2. import flash.external.ExternalInterface;  
  3. flash.system.Security.allowDomain("");  
  4. flash.system.Security.allowDomain("");  
  5. //允许任何域都可以访问  
  6. flash.system.Security.allowDomain("*");  
  7.   
  8. function setFC(userName:String,sex:String){  
  9.     var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");  
  10.     FlashCookie.data.userName = userName;  
  11.     FlashCookie.data.sex = sex;  
  12.     FlashCookie.flush();  
  13. }  
  14. function getFC():String{  
  15.     var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");  
  16.     return FlashCookie.data.userName;  
  17. }  
  18. function setFCUserObj(obj:Object){  
  19.     var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");  
  20.     FlashCookie.data.userName = obj.userName;  
  21.     FlashCookie.data.sex = obj.sex;  
  22.     FlashCookie.flush();  
  23. }  
  24. //允许js)调用flash中的getFC(),setFC(),setFCUserObj  
  25. ExternalInterface.addCallback("getFC",getFC);   
  26. ExternalInterface.addCallback("setFC",setFC);   
  27. ExternalInterface.addCallback("setFCUserObj",setFCUserObj);  


对上面的代码进行一下说明 
Java代码  收藏代码
  1. import flash.external.ExternalInterface;  
这里必须导出这个类,因为下面要使用ExternalInterface 

下面的这些代码是安全方面的控制,这些域名可以访问,*说明任何域名都可以访问 
Java代码  收藏代码
  1. flash.system.Security.allowDomain("");  
  2. flash.system.Security.allowDomain("");  
  3. //允许任何域都可以访问  
  4. flash.system.Security.allowDomain("*");  


然后就做了三个Actionscript的方法setFC,get,setFCUserOb,再下面的代码 
//允许js)调用flash中的getFC(),setFC(),setFCUserObj 
Java代码  收藏代码
  1. ExternalInterface.addCallback("getFC",getFC);   
  2. ExternalInterface.addCallback("setFC",setFC);   
  3. ExternalInterface.addCallback("setFCUserObj",setFCUserObj);  

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

上面对这段代码的基本的东西说了一下,下面说一下存取flash cookie里的方法,flash cooike里存取的东西都是放在SharedObject这里的 
这一句
Java代码  收藏代码
  1. var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");  

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


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

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

testFC.html的内容如下: 
Java代码  收藏代码
  1. "-//W3C//DTD XHTML 1.0 Strict//EN" "">  
  2. "" lang="zh-CN" xml:lang="zh-CN">  
  3.       
  4.         testFC  
  5.         "Content-Type" content="text/html; charset=utf-8" />  
  6.         "text/css" media="screen">  
  7.         html, body { height:100%; background-color: #ffffff;}  
  8.         body { margin:0; padding:0; overflow:hidden; }  
  9.         #flashContent { width:100%; height:100%; }  
  10.           
  11.         "text/javascript">  
  12.             function setFC(){  
  13.                 thisMovie().setFC("soctt","m");  
  14.             }  
  15.             function setFCUseObj(){  
  16.                 var obj = new Object();  
  17.                 obj.userName="AlecYan";  
  18.                 obj.sex="m";  
  19.                 thisMovie().setFCUserObj(obj);  
  20.             }  
  21.             function getFC(){  
  22.                 alert(thisMovie().getFC());  
  23.             }  
  24.             //输出测试,通过v传递flash变量  
  25.             function GetSwfUrl(v) {alert("ooooo");  
  26.             alert(v);  
  27.       
  28.             }  
  29.             //调用flash中的方法,"my_mv"为html页中swf的id  
  30.             function callExternal() {alert("ffff");  
  31.                 thisMovie().flAlert();alert("111");  
  32.             }  
  33.             //搭建js与flash互通的环境  
  34.             function thisMovie() {  
  35.                 if (navigator.appName.indexOf("Microsoft") != -1) {  
  36.                     return window["testFC"];  
  37.                 }else{  
  38.                     return document["testFC"];  
  39.                 }  
  40.             }   
  41.               
  42.           
  43.       
  44.       
  45.       
  46.     "button" onclick="callExternal()" value="Call callExternal" />  
  47.     "button" onclick="setFC()" value="setFC" />  
  48.     "button" onclick="getFC()" value="getFC" />  
  49.     "button" onclick="setFCUseObj()" value="setFCUseObj" />  
  50.           
  51.         "flashContent">  
  52.              "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="1" height="1" id="testFC" title="testFC" align="middle">  
  53.              "allowScriptAccess" value="always" />  
  54.              "movie" value="testFC.swf">  
  55.              "quality" value="high">  
  56.              "wmode" value="transparent" />  
  57.              "testFC.swf" name="testFC" quality="high" allowScriptAccess="always"  swLiveConnect="true" pluginspage="" type="application/x-shockwave-flash"  width="1" height="1">  
  58.               
  59.     
  
  •        
  •   


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

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