JS兼容性问题---offsetTop

题目: 获取指定元素距离浏览器顶部的距离

方案:

            var distanceTop = element.offsetTop;

不兼容浏览器: IE 7及以下

原因: 未知, 貌似获得到的值是IE 8的offsetTop值

解决方案:

            position: relative;

测试后结果: 完美解决

时间： 2024-12-28 11:29:07

JS兼容性问题---offsetTop的相关文章

IE 和Firefox的js兼容性总结

IE 和Firefox的js兼容性总结 12 August 2010 11:39 Thursday by 小屋标签: 浏览器方法属性 IT 写法一.函数和方法差异 1 . getYear()方法 [分析说明]先看一下以下代码: var year = new Date().getYear();document.write(year); 在IE中得到的日期是"2010",在Firefox中看到的日期是"110",主要是因为在 Firefox 里面 getYea

js兼容性问题

javscript 浏览器兼容性问题: scrollTop = document.documentElement.scrollTop || document.body.scrollTop; scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; 整理中.... js兼容性问题

js兼容性记录

做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了,这可不太好哦.下面是兼容IE和FF的js脚本做法和分解(部分选自网上): .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox //window.event IE:有window.event对象 FF:没有window

ff与ie 的关于js兼容性

FF的FIREBUG,不仅能测试JS还能检查CSS错误,是一般常用的.但它主要检查FF方面的错误,对IE就无能为力了.要测试IE,就用ieTester,它可以测试IE几乎所有版本(1.0恐怕也用不到测试了),用法也很方便. 至于JS对不同浏览器的兼容注意事项,的确很多,下面给你的也只是部分,一般建议还是采用jquery,prototype等一些已经处理好了兼容的脚本库,更重要的是,它们简化了很多操作,还提供了平常你很难实现的增强功能.可以去搜搜这方面的说明文章. JS兼容浏览器FF/IE技巧做

js兼容性大全

js有个第二定律好的属性/选择器一定不兼容/* 获取类名通用代码*/function getClassName(){ if(document.getElementsByClassName){ dosoming....... }else{ getClassName(className); } function getClassName(className){ var aTag = []; var allTag = document.getElementById(id).getElementsByT

原生JS兼容性工具库

(function (window) { "use strict"; var $ = eventUtil = {}; //添加事件 eventUtil.addHander = function (element, type, hander) { if (element.addEventListener) { element.addEventListener(type, hander, false); } else if (element.attachEvent) { element.a

js兼容性

JS的兼容性:1.ev||event2.addEventListener||attachEvent3.document.documentElement.scollTop||body4.getElementsByClassName5.setCapture6.firstChild||element7.localStorage8.srcElement||target9.fromElement||relatedTarget10.currentStyle||getComputedStyle11.preve

js兼容性 - 动态删除script标签后，定义的函数是否执行

hello.js function hello(){ alert('hello'); } hello.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script id="hello" src="hello.js">

ajaxfileupload.js 兼容性问题

问题1:ajaxfileupload返回json带<pre> 问题描述: 文件正常提交,后台接收正常,action中返回json正常,用火狐查看,响应的值也是正常的但是,ajax调用js中,就是不走success的方法. 经过调查,是因为返回的json中,带有<pre>标签. 解决方法: ajaxfileupload.js文件,uploadHttpData中 eval( "data = " + data );变为data = jQuery.parseJSON(