为什么浏览器有这么多标准???
好几天都没有来这里闲转了,因为忙着做 Maxtocode 的产品网站
由于产品定位就想要国际化,所以支持国外的流行浏览器是不可避免的,至少得支持 Firefox 吧。
平时被IE宠坏了,Firefox看起来真的很自由,让人很向往,真的用起来才发现。。。 (也许是我无知)
这里我将陆续把 IE 和 Firefox 我能碰到的问题拿出来,以供大家以后发展参考。
两款浏览器标准不同,偶就不说了,反正偶也说不清楚到底那些不同,就每天把碰到的问题和解决的问题拿出来给大家参考吧
今天碰到两个恶心的问题
1. offsetLeft
object.offsetLeft 调用是取区object 到 OffsetParent 的距离,这本来是一个常用的方法,不过今天折磨了我半天时间。
<table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="780" height="1069" border="1" align="center" cellpadding="0" cellspacing="0" id="tMain" >
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<script language="javascript1.2">
function ReLocate()
{
alert(document.getElementById("tMain").offsetLeft)
}
window.onload=ReLocate;
</script>
很平常的语句,输出 offsetLeft 的值,在IE下当然是好的,可在Firefox下,总是输出 1
为什么???(当然,源代码不止这么一点,我最后慢慢精减到这么一点的。)
我在网上找遍了资料,也没找出原因,
解决方法:最后把代码改为:
<table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="780" height="1069" border="1" cellpadding="0" cellspacing="0" id="tMain" >
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
结果正常了,与IE一样了。。。该死的 Firefox
2.Div
我建了一个Div,需要移动,使用Javascript控制Div的Top and Left
Div 使用了 style.css 中的一个 class
这很常啊 Dw支持这样的写法,默认也是这样的写法
IE中很正常,到了 Firefox 中,又不起作用了。。。倒! 不知道Firefox这么烂,用户能用得下去吗?
解决方法:
将style.css 中的 class 从Div上去掉,然后使用 <Div id='abc' style = "..."> </div> 代替即可
唉...
希望大家还遇到过什么问题,怎么解决的,也贡献出来吧!
由于产品定位就想要国际化,所以支持国外的流行浏览器是不可避免的,至少得支持 Firefox 吧。
平时被IE宠坏了,Firefox看起来真的很自由,让人很向往,真的用起来才发现。。。 (也许是我无知)
这里我将陆续把 IE 和 Firefox 我能碰到的问题拿出来,以供大家以后发展参考。
两款浏览器标准不同,偶就不说了,反正偶也说不清楚到底那些不同,就每天把碰到的问题和解决的问题拿出来给大家参考吧
今天碰到两个恶心的问题
1. offsetLeft
object.offsetLeft 调用是取区object 到 OffsetParent 的距离,这本来是一个常用的方法,不过今天折磨了我半天时间。
<table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="780" height="1069" border="1" align="center" cellpadding="0" cellspacing="0" id="tMain" >
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<script language="javascript1.2">
function ReLocate()
{
alert(document.getElementById("tMain").offsetLeft)
}
window.onload=ReLocate;
</script>
很平常的语句,输出 offsetLeft 的值,在IE下当然是好的,可在Firefox下,总是输出 1
为什么???(当然,源代码不止这么一点,我最后慢慢精减到这么一点的。)
我在网上找遍了资料,也没找出原因,
解决方法:最后把代码改为:
<table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="780" height="1069" border="1" cellpadding="0" cellspacing="0" id="tMain" >
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
结果正常了,与IE一样了。。。该死的 Firefox
2.Div
我建了一个Div,需要移动,使用Javascript控制Div的Top and Left
Div 使用了 style.css 中的一个 class
这很常啊 Dw支持这样的写法,默认也是这样的写法
IE中很正常,到了 Firefox 中,又不起作用了。。。倒! 不知道Firefox这么烂,用户能用得下去吗?
解决方法:
将style.css 中的 class 从Div上去掉,然后使用 <Div id='abc' style = "..."> </div> 代替即可
唉...
希望大家还遇到过什么问题,怎么解决的,也贡献出来吧!