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 相关文章推荐
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
JavaScript按值删除数组元素的方法
Apr 24 Javascript
js实现数组转换成json
Jun 26 Javascript
浅谈原生JS中的延迟脚本和异步脚本
Jul 12 Javascript
Vue.js递归组件构建树形菜单
Dec 24 Javascript
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
浅谈node.js 命令行工具(cli)
May 10 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 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原理的opcodes(操作码)
2010/10/26 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
Yii学习总结之安装配置
2015/02/22 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
深入浅析php json 格式控制
2015/12/24 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
vue2.0模拟锚点的实例
2018/03/14 Javascript
JavaScript读写二进制数据的方法详解
2018/09/09 Javascript
使用pm2部署node生产环境的方法步骤
2019/03/09 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
基python实现多线程网页爬虫
2015/09/06 Python
Python利用前序和中序遍历结果重建二叉树的方法
2016/04/27 Python
Python中装饰器学习总结
2018/02/10 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
python mysql 字段与关键字冲突的解决方式
2020/03/02 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
利用CSS3的transition属性实现滑动效果
2015/08/05 HTML / CSS
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
美国温暖商店:The Warming Store
2018/12/15 全球购物
舞蹈教育学专业推荐信
2013/11/27 职场文书
信访工作汇报材料
2014/10/27 职场文书
2014年教研室工作总结
2014/12/06 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
Golang并发操作中常见的读写锁详析
2021/08/30 Golang