中国人的习俗,没过完正月十五就还是在过年,在这里给园子你的朋友们拜个晚年了。
这几天恰逢公司网站首页需要改版,去年底公司“人员精简”后,一个人得做多个人的活,忽然之间发觉担子重了。这不, 本不是我工作范围内的事情,不幸也让我参与其中了,不幸中的幸事是这次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请点击该链接即可)中改编而来的使用示例:
新闻热点
疑难解答