AS+JS的Flash网站无刷新定位技术（二）

五星上将 · 发表于 2014-11-28 21:28:52

下面介绍这里用到的两个技术点：
1. JS修改，读取地址栏内容
运行代码框
<html><head><script language="javascript">function setPos(pos){ td1.innerText="您现在在第"+pos+"页" document.location.hash=pos}</script></head><body><a style="cursor:hand">page1</a><br><a style="cursor:hand">page2</a><br><a style="cursor:hand">page3</a><br><table><tr><td id="td1"></td><tr></table></body></html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
从中可见，当你点了某个链接之后，document.location.hash修改的时候，地址栏#后面的内容会修改，并且页面的文字“在第几页”也发生了变化，但是页面却没有发生刷新。
人为刷新之后，页面显示的并非你最初打开所显示的内容，而是显示你设置过的内容。因此，只要把hash值传给FLASH，FLASH就可以根据此变量进行定位了。另一方面，FLASH也可以通过FSCOMMAND调用JS设置hash的值，为人为刷新的准确定位打下基础。
2. FLASH与JS的通讯
首先，FLASH可以通过FSCOMMAND调用JS。或者getURL("javascript:func()"),但是后者有些缺点。具体是哪些，有兴趣的可以向我了解。
测试办法：
首先，新建一个FLASH文档，在第一帧里写代码
var flashvar=1
fscommand("msgbox",flashvar)
然后，把文件保存一下，文件名为test.fla
接下来，“文件”-“发布设置”，在HTML选项卡里，看到模板的下拉菜单，选择“带FSCOMMAND跟踪的FLASH”接着点“发布按钮”
此时，在FLA文件所在目录下，你可以看到有一个SWF文件和一个HTML文件。用记事本打开HTML文件，找到//place your code here(代码放在此处)，写入代码：
if(command=="msgbox"){
alert(args)
}
测试HTML文件，你会看到一个显示1的提示框出来了。
把flashvar变量改成2，就显示2。
可见，通过此办法，FLASH中的flashvar的值就传给了JS。如果把alert(args)改成document.location.hash=args的话，地址栏就给改了，但是页面没跳转。
接着，就是JS调用FLASH了。测试办法如下：
在该FLASH文档中创建一个动态文本框，变量为jsvar，接着在alert(args)后面加上test.setVariable("jsvar",document.location)
可见，动态文本显示出地址栏的内容了，这是JS传给FLASH的结果。
至于这个FLASH插件的其它方法，可以参考这里。

gxj000 · 发表于 2014-11-29 06:51:08

支持一下！！

wxfbb2004 · 发表于 2014-11-29 07:07:03

谢谢老师分享

yipingzi · 发表于 2015-1-22 08:58:31

逛一逛，顶一顶。

帐号		自动登录	找回密码
密码			加入初编室

[Flash 设计及应用] AS+JS的Flash网站无刷新定位技术（二）

浏览过的版块

论坛版主

精华帖勋章

活跃会员

帅哥会员

百帖纪念荣誉勋章

论坛万元户