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 相关文章推荐
Exjs 入门篇
Apr 07 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 Javascript
Jquery带搜索框的下拉菜单
May 06 Javascript
js简单实现Select互换数据的方法
Aug 17 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
JS删除数组里的某个元素方法
Feb 03 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 Javascript
vue中 this.$set的使用详解
Nov 17 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 cli 方式 在crotab中运行解决
2010/02/08 PHP
PHP针对JSON操作实例分析
2015/01/12 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
基于JavaScript的操作系统你听说过吗?
2016/01/28 Javascript
浅析Node.js:DNS模块的使用
2016/11/23 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
使用 Node.js 开发资讯爬虫流程
2018/01/07 Javascript
JavaScript实现区块链
2018/03/14 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
使用JavaScript实现node.js中的path.join方法
2018/08/12 Javascript
Vue.extend 编程式插入组件的实现
2019/11/18 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
2020/10/28 Javascript
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
Python进程间通信之共享内存详解
2017/10/30 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
Django处理Ajax发送的Get请求代码详解
2019/07/29 Python
Django在admin后台集成TinyMCE富文本编辑器的例子
2019/08/09 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
Ubuntu配置Pytorch on Graph (PoG)环境过程图解
2020/11/19 Python
CSS3 box-sizing属性
2009/04/17 HTML / CSS
中粮集团旗下食品网上购物网站:我买网
2016/09/22 全球购物
英语自我评价范文
2014/01/24 职场文书
代理班主任的自我评价
2014/02/04 职场文书
平安家庭事迹材料
2014/12/20 职场文书
升职感谢信
2015/01/22 职场文书
志愿服务心得体会
2016/01/15 职场文书
六年级作文之自救
2019/12/19 职场文书