惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

F
Fortinet All Blogs
博客园 - 三生石上(FineUI控件)
小众软件
小众软件
人人都是产品经理
人人都是产品经理
V
Visual Studio Blog
Last Week in AI
Last Week in AI
V
V2EX
博客园_首页
IT之家
IT之家
Jina AI
Jina AI
博客园 - 叶小钗
The Cloudflare Blog
T
Tailwind CSS Blog
腾讯CDC
B
Blog
D
Docker
L
LangChain Blog
博客园 - 司徒正美
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
美团技术团队
Apple Machine Learning Research
Apple Machine Learning Research
爱范儿
爱范儿
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
GbyAI
GbyAI

博客园 - Kevin-moon

如何避免JQuery Dialog的内存泄露 JQuery另类视角-动态执行脚本的BUG JQuery另类视角-动态扩展对象 - Kevin-moon - 博客园 如何重构代码-简单、灵活的实现对象复制 如何重构代码-重构计划 如何重构代码-思路和方法 谈谈多线程的思维方式 简单的数据移动算法(C#) [ASP.NET MVC]-理解Routing 笑死人的十项大奖 深入APM,实现自己的APM [Windbg基础]-了解Symbols 深入线程,实现自定义的SynchronizationContext 重温ASP.NET的配置信息(简单、常用) 奇妙的SynchronizationContext 线程之间的通讯---SynchronizationContext "对象"到"山寨对象"的完整转换 我真的就只能在远方看你吗?!!! "测试驱动开发(TDD)" 动态进行"自定义公式"计算
在IE中本地浏览与服务器浏览同一Html后,出现了奇异的结果
Kevin-moon · 2011-08-04 · via 博客园 - Kevin-moon

      今天在写html的时候,发现了一个郁闷的事情,相同一个Html页面都是通过ie浏览器来浏览,不同的只是在浏览方式上:本地浏览和服务器浏览,可是却出现了不同的效果。

1、本地浏览

     将test.html文件放置在本地,然后直接双击打开后,界面如下:

点击按钮后,弹出提示框“97”(就是document.getElementById("float_area").offsetTop)

2、服务器浏览
    将test.html文件放置在服务器上或通过VS2010中右键的“View In Browser”进行浏览,界面如下:

点击按钮后,弹出提示框“19”(就是document.getElementById("float_area").offsetTop)

test.html全部代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
<title></title>
    
<script type="text/javascript">
        
function getTop() {

            alert(document.getElementById(

"float_area").offsetTop);    
        }
    
</script>
</head>
<body>
    
<div style="border: 1px solid #000000; height: 86px; width: 500px;">
        header
    
</div>
    
<div id="area_1" style="border: 1px solid #000000; height: 121px; width: 500px;">
        area_1
        
<div id="float_area" style="border: 1px solid #FF0000; width: 100px; height: 100px; float: left">float_area</div>
    
</div>
    
<input id="Button1" type="button" value="获取area的offsetTop" onclick="getTop();" />
</body>
</html>

       现在我百思不得其解,不知大家有无碰到该类试情况的,该问题到底是ie的问题,还是程序本身的问题?!不同浏览器之间对于获取offsetTop的确存在不同,不过都在ie下面,为什么还会不一致呢。。。。。