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 相关文章推荐
代码生成器 document.write()
Apr 15 Javascript
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
Js与Jq 获取页面元素值的方法和差异对比
Apr 30 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
JavaScript实现三级联动菜单效果
Aug 16 Javascript
微信小程序实现文字跑马灯效果
May 26 Javascript
package.json中homepage属性的作用详解
Mar 11 Javascript
详解vue3.0 diff算法的使用(超详细)
Jul 01 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 Vue.js
JavaScript 定时器详情
Nov 11 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
ajax实现无刷新分页(php)
2010/07/18 PHP
php preg_filter执行一个正则表达式搜索和替换
2012/02/27 PHP
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
使用php自动备份数据库表的实现方法
2017/07/28 PHP
YII框架http缓存操作示例
2019/04/29 PHP
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
搭建vue开发环境
2018/07/19 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
js 获取扫码枪输入数据的方法
2020/06/10 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
python生成ppt的方法
2018/06/07 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
django配置app中的静态文件步骤
2020/03/27 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
Python参数传递机制传值和传引用原理详解
2020/05/22 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
Python  Asyncio模块实现的生产消费者模型的方法
2021/03/01 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
师范大学毕业自我鉴定
2013/11/21 职场文书
授权委托书怎么写
2014/09/25 职场文书
干部职工纪律作风整改措施思想汇报
2014/10/11 职场文书
班级联欢会主持词
2015/07/03 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python