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知识点三 jquery表单对象操作
Jan 17 Javascript
JS异常处理的一个想法(sofish)
Mar 14 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
浅谈JavaScript 代码整洁之道
Oct 23 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
js实现九宫格布局效果
May 28 Javascript
创建与框架无关的JavaScript插件
Dec 01 Javascript
JS操作JSON常用方法(10w阅读)
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 飞信好友免费短信API接口开源版
2010/07/22 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
php实现异步数据调用的方法
2015/12/24 PHP
php版微信公众号自定义分享内容实现方法
2016/09/22 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
jQuery 选择器项目实例分析及实现代码
2012/12/28 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
javascript数组去重方法汇总
2015/04/23 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
vue小白入门教程
2018/04/02 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
React Router V4使用指南(精讲)
2018/09/17 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
JavaScript实现图片放大预览效果
2020/11/02 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
python 正则式使用心得
2009/05/07 Python
Python学习笔记整理3之输入输出、python eval函数
2015/12/14 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
Python paramiko模块使用解析(实现ssh)
2019/08/30 Python
如何在python中实现随机选择
2019/11/02 Python
python如何绘制疫情图
2020/09/16 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
加利福尼亚州威尼斯的女性奢侈品设计师服装和概念店:Mona Moore
2018/09/13 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
经典c++面试题五
2014/12/17 面试题
前台文员我鉴定
2014/01/12 职场文书
书法比赛获奖感言
2014/02/10 职场文书
会议邀请函
2015/01/30 职场文书