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 相关文章推荐
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
微信小程序 配置文件详细介绍
Dec 14 Javascript
微信小程序的分类页面制作
Jun 27 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
Apr 07 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
js实现简单图片拖拽效果
Feb 22 Javascript
vue判断按钮是否可以点击
Apr 09 Vue.js
加载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做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
使用php清除bom示例
2014/03/03 PHP
js TextArea的选中区域处理
2010/12/28 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
深入领悟JavaScript中的面向对象
2013/11/18 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
jquery实现的省市区三级联动
2015/04/02 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
jQuery 中的 DOM 操作
2016/04/26 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
基于jQuery实现的设置文本区域的光标位置
2018/06/15 jQuery
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
JS实现网页时钟特效
2020/03/25 Javascript
从零学Python之入门(四)运算
2014/05/27 Python
Python求导数的方法
2015/05/09 Python
python任务调度实例分析
2015/05/19 Python
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
python批量修改交换机密码的示例
2020/09/22 Python
HTML5 Canvas概述
2009/08/26 HTML / CSS
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
品学兼优的大学生自我评价
2013/09/20 职场文书
《神奇的克隆》教学反思
2014/04/10 职场文书
我的未来不是梦演讲稿
2014/09/02 职场文书
客房服务员岗位职责
2015/02/09 职场文书
新年寄语2016
2015/08/17 职场文书
2016年六一儿童节开幕词
2016/03/04 职场文书