SWFObject 2.1以上版本语法介绍


Posted in Javascript onJuly 10, 2010

不过先前的 调用方法着实有些繁琐,先实例化->添加参数、变量->写入,搞的跟把大象装冰箱里头一样麻烦。好在作者终于注意到这一点,在新的2.x版本中,其最简单的调用竟只需一句话,并且不需要等待页面加载完成,这意味着你可以将这句话写在页面的任何地方,由此可见人类的科技水平进步之快,下面我们就来列举几个我们在日常开发中最常用到的几个调用实例。

1、最简单,最基本,只要想插入flash都能用到的经典一句话

<SCRIPT src="swfobject.js" type=text/javascript></SCRIPT> 
<SCRIPT type=text/javascript> 
swfobject.embedSWF("xiedaima.swf", "yourFlashContainer", "300", "120", "9.0.0", "expressInstall.swf"); 
</SCRIPT>

注解:调用方法embedSWF——插入SWF文件,参数依次是
@swf文件的地址;
@用于装入swf文件的容器(如div)的id;
@flash的宽度;
@flash的高度(当然,这里的宽高都可以使用诸如100%这样的百分比来表示);
@正常播放该flash所需的最低版本;
@当版本低于要求时,执行该swf文件,这里利用这个flash跳转到官方下载最新版本的flash插件。(该参数可以省略)

在同一个页面插入多个flash到不同位置时,只要重复上面的语句,使用不同的容器id就可以了。

2、给swf文件传递参数、变量、属性的调用方法

<SCRIPT src="swfobject.js" type=text/javascript></SCRIPT> 
<SCRIPT type=text/javascript> 
//1、使用Json初始化变量、参数、属性 
var flashvars = { 
name1: "hello", 
name2: "world", 
name3: "foobar" 
}; 
var params = { 
menu: "false" 
}; 
var attributes = { 
id: "dynamicContent2", 
name: "dynamicContent2" 
}; 
swfobject.embedSWF("test6_flashvars.swf", "content2", "300", "120", "6.0.0", "expressInstall.swf", flashvars, params, attributes); //2、传统的初始化设置,效果一样 
var flashvars = {}; 
flashvars.name1 = "hello"; 
flashvars.name2 = "world"; 
flashvars.name3 = "xiedaima"; 
var params = {}; 
params.menu = "false"; 
var attributes = {}; 
attributes.id = "dynamicContent3"; 
attributes.name = "dynamicContent3"; 
swfobject.embedSWF("xiedaima.swf", "content3", "300", "120", "6.0.0", "expressInstall.swf", flashvars, params, attributes); 
//3、直接写在后面,就一句话,简洁剽悍,不拖泥带水 
swfobject.embedSWF("xiedaima.swf", "content5", "300", "120", "6.0.0", "expressInstall.swf", {name1:"hello",name2:"world",name3:"xiedaima"}, {menu:"false"}, {id:"dynamicContent5",name:"dynamicContent5"}); 
</SCRIPT>

最后还是调用embedSWF方法嵌入flash,其参数顺序也很清晰,本人更喜欢第1中调用方法,看的不累,用着也方便。
打包下载地址
Javascript 相关文章推荐
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
JavaScript中“+”的陷阱深刻理解
Dec 04 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
提高Node.js性能的应用技巧分享
Aug 10 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
May 13 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 Javascript
加载jQuery后$冲突的解决办法
Jul 09 #Javascript
在javascript将NodeList作为Array数组处理的方法
Jul 09 #Javascript
jquery multiSelect 多选下拉框
Jul 09 #Javascript
IE8 chrome中table隔行换色解决办法
Jul 09 #Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 #Javascript
JSON.parse 解析字符串出错的解决方法
Jul 08 #Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 #Javascript
You might like
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
JavaScript实现自己的DOM选择器原理及代码
2013/03/04 Javascript
js函数排序的实例代码
2013/07/01 Javascript
jQuery源码解读之removeAttr()方法分析
2015/02/20 Javascript
使用jQuery处理AJAX请求的基础学习教程
2016/05/10 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
Python的SimpleHTTPServer模块用处及使用方法简介
2018/01/22 Python
python list删除元素时要注意的坑点分享
2018/04/18 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
python实现二维插值的三维显示
2018/12/17 Python
python opencv minAreaRect 生成最小外接矩形的方法
2019/07/01 Python
python matplotlib库直方图绘制详解
2019/08/10 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
详解Python高阶函数
2020/08/15 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
简历中个人自我评价范文
2013/12/26 职场文书
魅力教师事迹材料
2014/01/10 职场文书
马智宇婚礼主持词
2014/03/22 职场文书
超市客服工作职责
2014/06/11 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
考试作弊被抓检讨书
2014/10/02 职场文书
培训通知书模板
2015/04/17 职场文书
导游词之张家口
2019/12/13 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS
python基础之类属性和实例属性
2021/10/24 Python