firefox的span包table包div与object + swf+动态创建css link时重复加载怪现象

来源:互联网 发布:雪梨家淘宝店铺 编辑:程序博客网 时间:2024/04/30 04:05


---------------t.htm代码-------------------------

<object style="width:1px;height:1px;position: absolute;top:0px;left:0px;" data="http://cms.chinahrd.net/statics/js/chrd/fajax/fajax.swf?jsName=swfAjax" type="application/x-shockwave-flash" id="swfAjaxQidiziswfAjax"><param value="http://cms.chinahrd.net/statics/js/chrd/fajax/fajax.swf?jsName=swfAjax" name="movie"><param value="always" name="allowscriptaccess"></object>



<span class="maskArea"><table class="maskTable" style="visibility:hidden;" id="maskDivundefinedTable"><tr><td class="maskTitle" id="maskDivundefinedTitle">请稍候...</td><td style="width:50px;"><a href="javascript:void(0);" target="_self" id="maskDivundefinedClose">关闭</a></td></tr><tr><td colspan=2 class="maskContent" id="maskDivundefinedContent">正在载入数据...</td></tr></table></span>

--------------------用firefox打开t.htm后加载情况:只有t.htm和fajax.swf

firefox的span包table包div与object + swf+动态创建css link时重复加载怪现象 - qidizi - qidizi 的博客
---然后在控制台运行此动态css代码----

firefox的span包table包div与object + swf+动态创建css link时重复加载怪现象 - qidizi - qidizi 的博客


var link = document.createElement('link');
   link.href = 'http://cms.chinahrd.net/statics/css/chrd/red/js/mask_div.css';
   link.rel = "stylesheet";
   link.id = 'maskDivCss';
   link.type="text/css";
   document.body.appendChild(link);      

--------------------这时加了css和重复加载fajax.swf----

firefox的span包table包div与object + swf+动态创建css link时重复加载怪现象 - qidizi - qidizi 的博客

----------css内容-------

.maskArea div.maskDivFull{/*^透明遮罩*/width:100%;height:100%;filter:alpha(opacity=50);opacity:0.5;left:0px;top:0px;position:fixed;overflow:hidden;background-color:white;z-index:99999;}
*html { background:url(*) fixed; }
*html body { margin:0; height:100%; }
*html .maskArea div.maskDivFull{ position:absolute; left:expression_r(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top:expression_r(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }
.maskArea table.maskTable{position:absolute;z-index:100000;word-wrap: break-word;border: 1px solid black;background-color:white;}
.maskArea td.maskTitle{color:red;cursor: pointer;}

-------------测试一下发现,它跟css无关,大概好像是一动态创建css就会重载一下object--------------

原创粉丝点击