前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >flash cookie的制作和使用例子详解 一

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

作者头像
全栈程序员站长
发布2022-09-14 11:12:40
6370
发布2022-09-14 11:12:40
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。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]

代码语言: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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年7月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档