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 读取元素的CSS信息的代码
Feb 07 Javascript
jquery中输入验证中一个不错的效果
Aug 21 Javascript
如何通过javascript操作web控件的自定义属性
Nov 25 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
js获取当前页面路径示例讲解
Jan 08 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
May 03 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
Vue2实时监听表单变化的示例讲解
Aug 30 Javascript
如何使用puppet替换文件中的string
Dec 06 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 采集心得技巧
2009/05/15 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
python标准日志模块logging的使用方法
2013/11/01 Python
python正则表达式match和search用法实例
2015/03/26 Python
Python 3中print函数的使用方法总结
2017/08/08 Python
pandas将DataFrame的列变成行索引的方法
2018/04/10 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
python爬虫框架scrapy实现模拟登录操作示例
2018/08/02 Python
pip指定python位置安装软件包的方法
2019/07/12 Python
Flask框架中request、请求钩子、上下文用法分析
2019/07/23 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
苹果中国官方网站:Apple中国
2016/07/22 全球购物
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
水利公司纪检监察自我鉴定
2014/02/25 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书
趣味运动会标语口号
2015/12/26 职场文书
详解Java实践之适配器模式
2021/06/18 Java/Android
攻略丨滑雪究竟该选哪款对讲机?
2022/02/18 无线电
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android