Maxthon下浮动层的莫名消失

梦想就像鸡蛋
要么孵化要么臭掉

Posted by zeal on 2006-02-18 14:16 , 2567 characters | + 1 - 1 English

转载请保留本行原始链接信息 : http://www.zeali.net/entry/327 MADE 1n ZEAL

标签 ( WebDev ): maxthon , ie , 浮动层 , dhtml , 源代码

好多天没博了，这里杂草渐多。贴一段测试代码上来，演示浮动层在Maxthon下面会莫名其妙找不到的效果。之前写了一篇“Maxthon对IE的劫持”，HunterXP说那是因为我对Maxthon不了解，只要设置好了Maxthon和IE是完全一样的。今天记录下这个小问题，也是顺便可以佐证一下我的观点：即便使用的是IE的内核，也不可能有哪个浏览器是和IE“完全一样的”。任何程序在实现的时候总会有bug的存在；同样的接口提供给不同的人来调用，所实现出来的东西也会天差地别：）

测试代码如下（为了方便，略去了兼容NS/FireFox的部分代码，只用来演示代码在IE和Maxthon下的不同表现）：

<HTML> <HEAD> <TITLE> Layer Test </TITLE> <style> #testdiv{ position:absolute; border:1px solid #000000; width:200px; height:200px; left:100px; top:100px; } </style> </HEAD> <BODY> <div id="testdiv"></div> <input type="button" value="Click me 1" onclick="doFilter()" /> <input type="button" value="Click me 2" onclick="doFilter2()" /> <script language="JavaScript"> function doFilter(){ var pLayer=getLayer('testdiv'); if(pLayer.innerHTML==""){ var str=''; for(var i=0;i<5;i++){ str+='<div><a href="void('+i+')">The HREF LINK '+i+'</a></div>'; } pLayer.innerHTML=''; pLayer.insertAdjacentHTML('beforeEnd',str); } moveLayerTo(pLayer,400,100); } function doFilter2(){ moveLayerTo(getLayer('testdiv'),100,100); } function getLayer(name) { try{ if(document.getElementById) return document.getElementById(name); else return document.all[name]; }catch(e){alert("getLayer for "+name+" failed:"+e);} } function moveLayerTo(layer, x, y) { try{ layer.style.left = x; layer.style.top = y; }catch(e){alert("moveLayerTo "+x+","+y+" failed:"+e);} } </script> </BODY> </HTML>

在浏览器中打开这个简单的测试页面，分别点击"Click me 1"和"Click me 2"这两个按钮。

在Maxthon下（版本 1.5.0 build95 Unicode）重复几次就会发现找不到testdiv这个层了，凭空消失了一样。

而在IE下面（版本 6.0.2800.1106.xpsp2.050301-1526）则一切正常。

这个现象让我郁闷了好几天，最后发现只要把第26行 '<div><a href="void('+i+')">The HREF LINK '+i+'</a></div>' 中的<A> TAG替换成<SPAN>，改成 '<div><span onclick="void('+i+')">The HREF LINK '+i+'</span></div>' 这样的形式就不会出现在Maxthon中DIV莫名消失的怪事了。

但至于为什么，仍然不得其解。只能理解为Maxthon对于绝对位置的层插入<A>标签之后的处理存在Bug？即便Maxthon可以进行各种设置，但这种设置原则上来说应该不至于影响基本的页面显示效果才对。

反正现在知道了怎么避免页面在Maxthon下面显示不正常了，也就不用再继续郁闷。

不知道有没有高人可以透过现象来解释清楚本质原因。

This Entry was Last Modified on 2007-05-28 12:05

对于这篇日志有什么看法？我想听听您的高见:

您也可以在页面底部的 Google Friend Connect 工具栏进行评论，体验更好的互动交流 »

首先为了证明您不是没有思想的机器Spammer，请告诉我 4 + 8 = ？

然后任选以下两种方式之一告诉我您的身份：

1. 使用您的 OpenID

在ZeaLi.net注册OpenID 什么是OpenID?

2. 使用传统留言格式

(必填) 名字

(选填) URL

(选填) Email

并写下您的见解:

记住我?
是
否

如何进行评论当有新回复时给我发送邮件通知

除了 <b> 和 <i> 之外，其他的HTML标签都将从您的评论中去除. URL 或 Email 地址会被自动加上链接.
当您点击发表或者预览之后，系统会自动保存您此次评论的内容，以便当网络原因发表失败时直接按Ctrl-V重新粘贴上次评论内容。
注意：快捷键及自动拷贝功能仅对IE浏览器有效。

6 条评论:

- 狮节于 2006-02-27 13:10

有一个关于maxthon的问题想请教，我在用maxthon时偶尔会出现这样的情况：回复帖子或者打开新的链接时标签无限增多直至极限，关也关不掉只有在任务管理器中结束任务再重新启动才行。请问是不是bug，或者是其他的问题。请不吝赐教，谢谢

- zeal (link) 于 2006-02-27 13:19

http://forum.maxthon.com/forum/index.php..
不知道你遇到的是不是这里所描述的由于某些网站脚本问题导致的。如果是的话你只能是对这些站点进行限制。

- 老张 () 于 2006-03-10 17:46

如果你去掉width和height的设置，absolute层里即便有链接也没事。我估计是maxthon的安全机制做的，它认为一个有宽有高，里面又有链接的浮动层就是广告。:(

- zeal (link) 于 2006-03-16 22:54

一句话点醒梦中人啊~~
看了一下，果真Maxthon缺省打开了浮动层广告过滤功能；将这项功能关闭就完全正常了。不过即便我不设置浮动层的width,height，依然是会被过滤掉。
从另一方面来说，要想避开Maxthon对于浮动广告的过滤功能，只要你在浮动层里面通过<span onclick="...">来代替直接的<a href=...>就行了，嘿嘿。

- zzw827 于 2008-02-24 21:49

呵呵多谢多谢正为这个问题发愁呢

- zeal (link) ^verified 于 2008-03-07 16:07

不客气，呵呵。

日志存档

2010年

03 02 01

2009年