您的位置: 首页 > 技术文档 > 多媒体制作 > AS+JS的Flash网站无刷新定位技术
Flex2 学习笔记 Ⅰ 回到列表 事件侦听器示例汇总
 AS+JS的Flash网站无刷新定位技术

作者:HBrO 时间: 2006-08-20 文档类型:原创 来自:蓝色理想

第 1 页 AS+JS的Flash网站无刷新定位技术 [1]
第 2 页 AS+JS的Flash网站无刷新定位技术 [2]
第 3 页 AS+JS的Flash网站无刷新定位技术 [3]

Flash全站的技术应用系列
(一)AS+JS的Flash网站无刷新定位技术  (本文)
(二)Flash网站的SEO
(三)Flash网站的流量统计
(四)让Flash网站具有IE前进后退的功能
(五)图片轮换效果

前言

前段时间,我在忙着做自己的FLASH网站,其实是做来玩玩的。当初的想法是,如果能做得好,就可以考虑推广一下。但是我发现我在这方面是个绝对的白痴。然而,我当时也做了最坏的打算,就是还可以拿来给大家写点教程。今天,我算是完成了所谓的第一期工程,就开始实现我的这个写教程的想法。

目前,我要介绍的一些技术应用都在这里。今天本来打算给大家写那个FLASH+WMP播放器的制作的,觉得这个容易引起大家的兴趣。但是恰逢luzhugao正在做商业版的播放器,其代码做法我想也是大同小异,加上火山想了解我站的定位技术,就先把这个写在前面了。
废话少说,开始转入正题吧。

我们知道,在常规的HTML页面里头,点一般的链接,会实现页面的跳转,并且地址栏也跟着变化,用户想将某个页面加入收藏夹,下次打开就直接显示那个页面,而非首页。
然而,FLASH站,特别是只有一个HTML页面的那种站,它们的所谓分页可能就分布在不同的帧,或者是些LOADMOVIE之类的。为了做某些特效,不能让页面发生跳转,发生刷新,导致不管如何点分页面,刷新页面,还是会直接打开FLASH站的所谓首页,在加入收藏夹的时候,也不能定位至当前分页。如果某些时候,看到了好的文章,想直接拷贝地址发给人家,对方也不能看到相应的文章。
开始的想法:同一页面可以带有不同的参数,通过参数传递,就可以让FLASH定位至某一所谓分页。但是,问号后面的参数却不能通过FLASH的AS或者JS来修改。要修改必须重新刷新页面,以致无法实现无刷新定位。
后来在百度里搜索了“修改地址栏内容”,发现如果是"#"后面带锚点的话,是可以通过JS来修改的,并且页面也不会跳转,就连页面的位置也不移动。于是,两边的通讯都实现了,定位技术问题也就迎刃而解。

PS:发现网上说这是AJAX的应用,但是看了下关于AJAX的入门,发现跟那个核心xmlHttpRequest对象拉不上关系,只不过是无刷新而已,怎么说是AJAX的应用呢?

该技术应用的成功案例:

案例一   案例二   案例三

这三个地址里,不同的就是#后面的参数,当surveyID为空值时,页面定位至调查列表。surveyID有值的时候,就定位至对应的调查项目里头。也就是说,通过地址栏#后面的内容,可以准确定位到相应栏目。
另一方面,大家可以测试下FLASH点链接后,再刷新页面的情况,具体操作:

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

由此看来,单一HTML的FLASH页面看起来无法实现的地址跳转和定位都可以做到了。

由于这个站里头用了别的其他效果,跟这个技术混在了一块,直接以这个为实例,讲起来不方便,没针对性,为此,笔者专门写了个简单的演示文档。大家根据页面的说明进行操作。

出处:蓝色理想
责任编辑:moby

上一页 下一页 AS+JS的Flash网站无刷新定位技术 [2]

◎进入论坛Flash专栏版块参加讨论

相关文章 更多相关链接
[Flash] 图片轮换效果
是"你"?是"您"?
用html为flash页面添加音乐
Flex2 学习笔记 Ⅲ
AJAX请求类
作者文章 更多作者文章
[Flash] 图片轮换效果
让Flash网站具有IE前进后退功能
Flash 网站的流量统计
Flash 网站的 SEO
鼠标特效--弹性框架的制作
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
雅安,一场中式旅行
热烈祝贺"醒狮杯"圆满结束
菊花宝典大赏大奖教程《阳台》
交互设计师怎样和产品团队合作
Photoshop打造个性潮流音乐海报
简单解读面包屑
CSS盒模型
Apple与Microsoft网站可用性研究
栏目最新 栏目最新列表
safari 4 新特性
Photoshop制作精美高光流线字
IE下img多余5像素空白解决方法
XHTML1.0与HTML兼容指引16条
JavaScript优化细节
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
Photoshop打造个性潮流音乐海报
CSS盒模型
45度地图编辑器及游戏开发心得
>> 分页 首页 前页 后页 尾页 页次:1/31个记录/页 转到 页 共3个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文暂时没有评论和评分

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
《美工神话》
《Flash短片轻松学》
Illustrator CS3质感绘画表现技法
大师之路--Photoshop 完全解析
《用户体验要素》
HTML与CSS入门经典(第7版)
作品集 更多内容

永乐宫壁画白描 Aqua land Flower 华硕(Asus)手机 Zt23 光影练习01 华硕(Asus)手机 Zt23 DISCUZ!论坛模板设计 毕业设计。