如下:
复制代码
<html>
<title>DEMO</title>
<head>
<script type=”text/javascript” src=”swfobject_source.js”></script>
</head>
<body>
<form id=”Form1″>
<div id=”flashcontent”>
<a href=”http://www.adobe.com/go/getflashplayer”>
<img src=”http://huoche.7234.cn/images/jb51/x1upv0pcwh3.gif” alt=”Get Adobe Flash player” border=”0″ />
</a>
</div>
</form>
<script type=”text/javascript”>
// 注意,我在Flash文件名前加了一个f
var so = new SWFObject(“http://www.pec365.com/Flash/f20071113.swf”, “mymovie”, “304”, “367”, “7”, “#FFFFFF”);
so.write(“flashcontent”);
</script>
</body>
</html>
建议您亲自执行一下这段代码,如果您是一名新手可参见上篇中说介绍的步骤来运行一下这段代码,真实的感受一下“灾难”的降临。
是的,您将看到页面上一片空白,那原本用于替换不能显示Flash时备用的图片也不见了,去了哪里呢?我经过调试后发现,纵使因为传入的Flash文件地址错误,也会创建一个错误的<object [……]></object>标签将<div id="flashcontent">[……]</div>中的内容替换掉,从而就是你看到的,将形成一个高宽分别为304px和367px的空白区域(如果安装了Flash播放器,在屏幕左上角点击鼠标右键,您会有所发现),于是噩梦就如此降临了。
为了解决这个噩梦般的结果,于是乎,我就想到一个馊主意,首先检查一下根据传入的Flash文件地址检查一下服务器上是否真的存在该文件,如果返回的结果是该Flash文件存在,那么就执行swfobject.embedSWF()方法,而具体的思路就是利用XMLHttpRequest 对象,通过GET/HEAD方式请求服务器,然后判断xmlHttp.status == 200 || xmlHttp.status == 302作为文件存在的依据,但是这种方式似乎还是存在一定的缺陷,暂时我还没有能力完善,现将我最终的解决方案示例如下:
复制代码
<html>
<title>DEMO</title>
<head>
<script language=”javascript” type=”text/javascript” src=”JavaScript/swfobject.js”></script>
<script type=”text/javascript”>
(function() {
var xmlHttp,
result,
flashURL = “http://www.pec365.com/Flash/20071113.swf”;
var checkFlashURL = function(url) {
xmlHttp = GetXmlHttpObject();
xmlHttp.onreadystatechange = function() {
if ( xmlHttp.readyState == 4 ) {
if ( xmlHttp.status == 200 ||









