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 相关文章推荐
js 获取(接收)地址栏参数值的方法
Apr 01 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
js实现简单计算器
Nov 22 Javascript
JavaScript实现汉字转换为拼音的库文件示例
Dec 22 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
Nov 22 Javascript
axios post提交formdata的实例
Mar 16 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
详解Angular6学习笔记之主从组件
Sep 05 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
基于form-data请求格式详解
Oct 29 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读取msn上的用户信息类
2008/12/05 PHP
php+highchats生成动态统计图
2014/05/21 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
利用node.js搭建简单web服务器的方法教程
2017/02/20 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
create-react-app 修改为多入口编译的方法
2018/08/01 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
为Python的web框架编写前端模版的教程
2015/04/30 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
Baracuta官方网站:Harrington夹克,G9,G4,G10等
2018/03/06 全球购物
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
澳大利亚优质的家居用品和生活方式公司:Bed Bath N’ Table
2019/04/16 全球购物
新教师工作感言
2014/02/16 职场文书
环保专项行动方案
2014/05/12 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
道德模范事迹材料
2014/12/20 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
观看建国大业观后感
2015/06/01 职场文书
干货!开幕词的写作方法
2019/04/02 职场文书
fastdfs+nginx集群搭建的实现
2021/03/31 Servers
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python