Maxthon下浮动层的莫名消失

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

zeal 2006-02-18 14:16 于 WebDev , 2567 字 | + 1 - 1 English

Made In Zeal 转载请保留原始链接：http://www.zeali.net/entry/327

标签 ( Tags )： 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

引用本文(TrackBack): 此功能无限期关闭ing ... 如有引用请在文中标明出处并提供超链接

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

不客气，呵呵。

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

如果您不是没有思想的机器Spammer，请告诉我 4 + 8 = ？

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

1. 使用您的 OpenID

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

2. 使用传统留言格式

(必填) 名字

(选填) URL

(选填) Email

并写下您的见解:

记住我?
是
否

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

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

发贴统计

日志 598 , 评论 1271

JAVA/C++(32/89)
PHP(29/53)
WebDev(61/140)
RubyOnRails(11/8)
开发/理论(80/89)
网络(76/181)
幽默(26/30)
感悟(13/27)
体育(35/49)
数码影像(40/119)
杂言乱语(53/105)
懒人散记(55/368)
网摘分享(87/13)

日志存档

2008年 05月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 04月
2006年 03月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
2005年 10月
2005年 09月
2005年 08月
2005年 07月
2005年 06月
2005年 05月
2005年 04月

按日期检索

本 Blog 原创内容
遵循以下授权:

Creative Commons
(创作共用) CC
署名-非商业性
-相同方式分享

Zeal Blog 基于

Pivot1.24.1 开发

Launched @ 2005-04-27