【原创教程】Flsah与JS的通讯 - 达人(乱世狂闪)

2004/09/11 | 【原创教程】Flsah与JS的通讯
类别(实验室) | 评论(2) | 阅读(180) | 发表于 14:22: 今天说一下Flash与JS的简单通讯，其实也就一条AS命令 getURL:();

第一说：Hello，World！

0.先在桌面建一个目录，用来保存等一下的实例，名字就暂时使用 Flash&JS
1.接下来创建一个Flash文档，并在文档中创建一个按钮
2.再下来就是添加AS代码了
on (release) {
getURL("javascript:alert('hello,world!')");
}
3.保存该文档在刚才创建的目录里，然后使用Ctrl+F12发布成HTML就可以预览到效果了！

第二说：关闭窗口（上）

0.在刚才的文档中再创建一个按钮
1.再给按钮加AS：
on (release) {
getURL("javascript:window.close();");
}
2.发布，并在HTML中预览一下吧~~

第三说：关闭窗口（下）

0.在上篇中，大家可能会发现，当要关闭窗口时，会有一个讨厌的对话框，这个是有办法去掉D
1.再新建一个按钮
2.加AS：
on (release) {
getURL("javascript:winclose();");
}
3.按Ctrl+Enter，测试一下，这个时候还不行，但这样做是为了把这个Flash重新发布成一个新的SWF
4.使用网页编辑软件（如Dreamweaver），编辑同时生成在Flash&JS相同目录下的HTML文件。
5.在网页中的<body>前面加段JS代码：
<script language="javascript">
function winclose(){
clo.Click();
}
</script>
6.在<body>后面加个HTML代码）（插入一个close控件）：
<OBJECT id=clo classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAM NAME="Command" value="Close"></OBJECT>
7.现在可以预览了效果。

第四说：最大化（还原）、最小化

0.有了关闭，自然也要有最大化（还原）和最小化啦。
1.按上面步骤创建2个按钮
2.并分别加AS：
on (release) {
getURL("javascript:winmax();");//最大化（还原）
}

on (release) {
getURL("javascript:winmin();");//最小化
}

3.别忘了按Ctrl+Enter发布一下
4.再使用DW编辑网页，将<body>前的JS代码修改成
<script language="javascript">
function winclose(){
clo.Click();
}
function winmax(){
max.Click();
}
function winmin(){
min.Click();
}
</script>

5.再在<body>后，刚才的close控件后加2个控件
<OBJECT id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Maximize"></OBJECT>
<OBJECT id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Minimize"></OBJECT>
6.保存HTML，就可以测试预览了！

第五说：设为首页、加入收藏

0.这2个按钮在制作个人主页的时候经常要用到D；
1.先2个按钮，分别做为设为首页、加入收藏；
2.分别给2个按钮加AS：
on (release) {
getURL("javascript:document.body.style.behavior='url(#default#homepage)';document.body.setHomePage('http://www.juyazhai.com')"); //设为首页
}

on (release) {
getURL("javascript:void window.external.AddFavorite('http://www.juyazhai.com','聚雅斋');"); //加入收藏
}

3.按Ctrl+Enter发布一下
4.可以到HTML里预览啦~~

第六说：对联广告

0.现在很多网站的Flash广告都有这个功能，就是在广告上有一个close按钮，点一下，Flash广告就没了。
1.建一个按钮，并加AS：
on (release) {
getURL("javascript:closead();");
}
2.按Ctrl+Enter发布一下
3.回到DW那边继续编辑HTML
4.<body>后面加段JS代码:
<script language="javascript">
createad();
function createad(){
document.write("<div id=ad1 style='position:absolute;z-index:10;top:40px;left:10px;width:100%;'>")
document.write("<table border='0' align='center' cellpadding='0' cellspacing='0' width='100%'><tr>")
document.write("<td width=100><EMBED src='ad1.swf' quality=high width=100 height=300 TYPE='application/x-shockwave-flash'></EMBED></td>");
document.write("<td> </td>");
document.write("<td width=100><EMBED src='ad1.swf' quality=high width=100 height=300 TYPE='application/x-shockwave-flash'></EMBED></td>");
document.write("</tr></table>");
}

function closead(){
ad1.style.visibility='hidden';
}
</script>

其中的ad1.swf就是要被显示的广告啦！

第七说：震动窗口

0.前面说了这么多了，有直接运行JS，有调用函数的，最后说一个调函数，并传递参数的
1.建个按钮，加AS：
on (release) {
getURL("javascript:shakewin(3);");
}
2.按Ctrl+Enter发布一下
3.返回DW，再编辑这个HTML文档，加段JS代码：
<script language="javascript">
function shakewin(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}
</script>
4.保存预览吧~~

看到这里了，说差不多知道怎么回事了吧？
就是使用getURL调用HTML里面的JS代码或函数，以达到效果。
因此，只要JS代码精通的人，要实现这些效果或更酷更炫的效果就不难了。

相关链接:
效果预览地址：
juyazhai.com/lorsxin/flash-js

源文件下载地址：
juyazhai.com/lorsxin/flash-js/Flsah与JS的通讯.fla
juyazhai.com/lorsxin/flash-js/ad1.fla; 0

http://Lorsxin.5d.cn/

闪闪~~

评论Comments