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获取单选框或复选框值及操作
Dec 18 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
jQuery的text()方法用法分析
Dec 20 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
vue中的非父子间的通讯问题简单的实例代码
Jul 19 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
Oct 30 Javascript
sortable+element 实现表格行拖拽的方法示例
Jun 07 Javascript
如何解决日期函数new Date()浏览器兼容性问题
Sep 11 Javascript
Swiper实现导航栏滚动效果
Oct 16 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 Javascript
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
Apr 06 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/12/06 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
php学习笔记 类的声明与对象实例化
2011/06/13 PHP
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
Zend Framework教程之模型Model用法简单实例
2016/03/04 PHP
项目中应用Redis+Php的场景
2016/05/22 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
javascript 常用代码技巧大收集
2009/02/25 Javascript
jquery tools之tooltip
2009/07/25 Javascript
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
JQuery实现图片轮播效果
2015/09/15 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
JavaScript错误处理操作实例详解
2019/01/04 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
全面了解Python环境配置及项目建立
2016/06/30 Python
Python新手入门最容易犯的错误总结
2017/04/24 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
python PrettyTable模块的安装与简单应用
2019/01/11 Python
Python3模拟登录操作实例分析
2019/03/12 Python
Python3进制之间的转换代码实例
2019/08/24 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
匡威英国官网:Converse英国
2018/12/02 全球购物
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
护士实习求职信
2014/06/22 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
2014年学校法制宣传日活动总结
2014/11/01 职场文书
教师聘用意向书
2015/05/11 职场文书
漫画「日和酱的要求是绝对的」第3卷封面公开
2022/03/21 日漫
Python实现科学占卜 让视频自动打码
2022/04/09 Python