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

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

前言
前段时间，我在忙着做自己的FLASH网站，其实是做来玩玩的。当初的想法是，如果能做得好，就可以考虑推广一下。但是我发现我在这方面是个绝对的白痴。然而，我当时也做了最坏的打算，就是还可以拿来给大家写点教程。今天，我算是完成了所谓的第一期工程，就开始实现我的这个写教程的想法。
目前，我要介绍的一些技术应用都在这里。今天本来打算给大家写那个FLASH+WMP播放器的制作的，觉得这个容易引起大家的兴趣。但是恰逢luzhugao正在做商业版的播放器，其代码做法我想也是大同小异，加上火山想了解我站的定位技术，就先把这个写在前面了。
废话少说，开始转入正题吧。
我们知道，在常规的HTML页面里头，点一般的链接，会实现页面的跳转，并且地址栏也跟着变化，用户想将某个页面加入收藏夹，下次打开就直接显示那个页面，而非首页。
然而，FLASH站，特别是只有一个HTML页面的那种站，它们的所谓分页可能就分布在不同的帧，或者是些LOADMOVIE之类的。为了做某些特效，不能让页面发生跳转，发生刷新，导致不管如何点分页面，刷新页面，还是会直接打开FLASH站的所谓首页，在加入收藏夹的时候，也不能定位至当前分页。如果某些时候，看到了好的文章，想直接拷贝地址发给人家，对方也不能看到相应的文章。
开始的想法：同一页面可以带有不同的参数，通过参数传递，就可以让FLASH定位至某一所谓分页。但是，问号后面的参数却不能通过FLASH的AS或者JS来修改。要修改必须重新刷新页面，以致无法实现无刷新定位。
后来在百度里搜索了“修改地址栏内容”，发现如果是"#"后面带锚点的话，是可以通过JS来修改的，并且页面也不会跳转，就连页面的位置也不移动。于是，两边的通讯都实现了，定位技术问题也就迎刃而解。
PS：发现网上说这是AJAX的应用，但是看了下关于AJAX的入门，发现跟那个核心xmlHttpRequest对象拉不上关系，只不过是无刷新而已，怎么说是AJAX的应用呢？
该技术应用的成功案例：
案例一　　案例二　　案例三
这三个地址里，不同的就是#后面的参数，当surveyID为空值时，页面定位至调查列表。surveyID有值的时候，就定位至对应的调查项目里头。也就是说，通过地址栏#后面的内容，可以准确定位到相应栏目。
另一方面，大家可以测试下FLASH点链接后，再刷新页面的情况，具体操作：

调查列表出来以后，点任意一个调查项目，此时定位在某一个调查项目了。
刷新页面，你们会发现FLASH最后并没有定位到调查首页的列表，而是具体一个项目了。这正如在论坛帖子列表里点了一个帖之后，刷新后显示的是当前的帖子，而非帖子列表。
在打开某个项目以后，把地址栏拷贝给别人打开，对方看到的也是具体的项目页面，而非首页。

由此看来，单一HTML的FLASH页面看起来无法实现的地址跳转和定位都可以做到了。
由于这个站里头用了别的其他效果，跟这个技术混在了一块，直接以这个为实例，讲起来不方便，没针对性，为此，笔者专门写了个简单的演示文档。大家根据页面的说明进行操作。