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 Ext JS 状态默认存储时间
Feb 15 Javascript
Prototype ObjectRange对象学习
Jul 19 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
Sep 26 Javascript
vue数据传递--我有特殊的实现技巧
Mar 20 Javascript
vue生命周期实例小结
Aug 15 Javascript
vue自定义指令实现方法详解
Feb 11 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 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之数据库操作详解及乱码解决!
2007/01/02 PHP
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
PHP培训要多少钱
2017/06/06 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
jquery中的on方法使用介绍
2013/12/29 Javascript
一看就懂:jsonp详解
2015/06/01 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
JS对象和字符串之间互换操作实例分析
2019/02/02 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
使用python分析git log日志示例
2014/02/27 Python
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
python3 kmp 字符串匹配的方法
2018/07/07 Python
logging level级别介绍
2020/02/21 Python
Django 解决阿里云部署同步数据库报错的问题
2020/05/14 Python
Django实现内容缓存实例方法
2020/06/30 Python
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
德国自行车商店:Tretwerk
2019/06/21 全球购物
中学教师培训制度
2014/01/31 职场文书
教师考核材料
2014/05/21 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python
Java常用函数式接口总结
2021/06/29 Java/Android
MySQL 数据表操作
2022/05/04 MySQL