关于js获取flash对象,网上有非常多的例子,我也尝试了不少方法。
虽然都能用,但是没有我最想要的东西,
后来看了下百度的,虽然很规范,各种情况都考虑到了,但是代码量却不是不容乐观,
前前后后将近20行代码,压缩后也有 864 个字节。
所以本文诞生了。
我想测试并分享下网上收集的几种我比较满意的方法。
也顺便请大家帮忙测试下兼容性,有不兼容的在下面留个言,最好写上浏览器版本,这样我也好测试并修复代码。
下面来看代码吧。
方案一
1 function getFlashMovieObject( movieName ) { 2 if (window.document[movieName]) { 3 return window.document[movieName]; 4 } 5 if (navigator.appName.indexOf("Microsoft Internet") == -1) { 6 if (document.embeds && document.embeds[movieName]) 7 return document.embeds[movieName]; 8 } else { // if (navigator.appName.indexOf("Microsoft Internet")!=-1) 9 return document.getElementById(movieName); 10 } 11 }
当然IE是要特殊处理的,可是这里作者常用 getElementById ,而其他地方用 window 比较多。
当然 getElementById 是不会有错的,他取的是 object 的ID,因为embeds只有name没有ID。
方案二
1 var flash = document["myFlash"] || window["myFlash"];
方案三 [极限测试]
1 var flash = document["myFlash"];
当然,如果正式用的话,我还是会选择方案一,但是有时候特殊情况,不需要兼容多浏览器的话,可以考虑这个哦。
下面是实际的例子,分别用三种方法取得flash对象后,并对flash进行控制测试。
如果有朋友发现不能测试通过的话,麻烦留下浏览器版本号和不能通过的方案,小弟先谢过了。
测试实例
<script type="text/javascript">// = 10)
nextFrame = 0;
this.GotoFrame( nextFrame );
},
Zoomin: function () { //放大
this.Zoom(90);
},
Zoomout: function () { //缩小
this.Zoom(110);
},
SendData: function ( ele ) { //发送数据
this.SetVariable("/:message", ele.find("[name=Data]").val() );
},
ReceiveData: function ( ele ) { //接收数据
var message = this.GetVariable("/:message");
ele.find("[name=Data]").val( message );
}
}
// ]]></script>
方案一 实例
-
文本数据:
方案二 实例
-
文本数据:
方案三 实例
-
文本数据:
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>