IE和Firefox的div高度自适应解决方法
2008-12-06 16:57 归类于:It's MineIE中div的高度会根据内容来自适应高度。但是FIrefox不会。
解决方法1:
<div>
<div style="float:left;">111111111</div>
<div style="float:right;">22222222</div>
<div style="clear:both;"></div>
</div>
解决方法2:
<div style="overflow:auto;">
<div style="float:left;">1111111111</div>
<div style="float:right;">2222222222</div>
</div>
网页标准声明下的表格100%高度
2008-11-04 16:42 归类于:It's MineIE6中,在CSS中添加
- body {
- height: 100%;
- }
IE7中,除添加上述CSS外,还需添加
- html {
- height: 100%;
- }
同时兼容标准的非标准的scrollTop获取
2008-01-13 19:45 归类于:JavaScript我们知道,应该WEB标准,也就是网页加上
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
声明后,会使document.body.scrollTop失效,而代替的方法则是使用document.documentElement.scrollTop。
另外,可以通过判断document.compatMode的值来确定网页是否有标准声明,因此为了简化程序,同时兼容标准和非标准,我一般都是像下面这样在程序的前部分便把document.body或document.documentElement赋值给body。
- var body = document.compatMode == "CSS1Compat" ? document.documentElement : document.body;
但实际上在网页的头部加入这段代码后,在非标准的网页中却不能用body.scrollTop这样来获取滚动条的位置。
经测试后得知,将此段代码放到<body>以后则可以完全正常
最短的带星期显示的数字钟代码
2007-11-10 11:24 归类于:JavaScript
- <div id="databox"></div>
- <script>
- setInterval("databox.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
- </script>
这是我目前见过的最短的数字钟代码了
FireFox和IE中JavaScript的区别(一)
2007-10-14 22:17 归类于:JavaScript1、获取所在框架的框架名称
IE:
- document.parentWindow.name
FireFox:
- document.defaultView.name
2、设置框架为设计模式
框架的设计模式是网页编辑器的基本,页FireFox中设置此模式也和IE中不同:
IE:
- document.getElementById('editorIframe').contentWindow.designMode = "on";
FireFox:
- document.getElementById('editorIframe').contentDocument.designMode = "on";



