您的当前位置：首页 flash嵌入html在html网页代码中嵌入Flash文件的解决方案(上)_HTML/Xhtml_网页制作

flash嵌入html在html网页代码中嵌入Flash文件的解决方案(上)_HTML/Xhtml_网页制作

来源：爱站旅游

中国人的习俗，没过完正月十五就还是在过年，在这里给园子你的朋友们拜个晚年了。
这几天恰逢公司网站首页需要改版，去年底公司“人员精简”后，一个人得做多个人的活，忽然之间发觉担子重了。这不，本不是我工作范围内的事情，不幸也让我参与其中了，不幸中的幸事是这次BOSS交给我的任务，恰是我一直热衷的前端开发任务。之前一直从事公司网站的后台管理程序开发，更多是在服务器端处理业务逻辑，一直没有机会在我热衷的前端开发上施展拳脚。实践是检验真知的最好途径，通过解决分派给我的实际任务正是一次难得的大检验，通过书本和各种资料学习许多零散的知识，却未得机会将他们揉合在一起来次“综合测验”，呵呵。前面墨迹那么多，都是压抑久了惹得祸，呵呵。

我先来描述一下任务要求吧：公司网站首页上有一张由五个球组成的JPG图片，其作用是用来导航，点击每个球上的文字后会打开相应信息的二级页面，与该图片相应的有一个几乎一模一样的Flash版本。而上司布置给我的任务之一就是：当客户端浏览器安装了Flash文件播放器时，显示Flash版导航，反之显示JPG图片导航。拿到任务后，考虑片刻，既是前端开发，当然要考虑浏览器兼容问题，跨越浏览器之间的鸿沟最好的办法就是使用一种或多种成熟的JavaScript框架，很幸运的是恰好有一个非常成熟精巧的JS框架存在，名曰：SWFObject.js。

第一次接触SWFObject.js是其V1.5，而这次我解决问题使用的是V2.1，两者之间的使用上还是有些差别的。整体上给我的感觉是V2.1较之V1.5来说，是一次，V2.1无论从框架的源码还是使用过程来说，都更加符合面向对象的JavaScript编程风格。

我将以一个探索JavaScript不久的研习者的视角，带着您一起来体验这趟“折腾”之旅，无论您是和我一样的新手，还是已经能够熟练编写各种JS代码的老手，望请手下留情，希望大家以文明的心态指出我思考中的短视和文字中的错误。

下面的代码是我从SWFObject V1.5的一篇说明文档（如想进一步了解V1.5请点击该链接即可）中改编而来的使用示例：

代码如下:

DEMO