javaScript中一些常见的兼容性问题整理

javaScript中一些常见的兼容性问题整理

            1)滚动条:

            document.documentElement.scrollTop||document.body.scrollTop

            2) 获取样式兼容

            functiongetStyle(dom, styleName){

            return dom.currentStyle?

            dom.currentStyle[styleName]

            getComputedStyle(dom)[styleName];

            }

            3) 网页可视区域兼容

            window.innerHeight || document.documentElement.clientHeight

            window.innerWidth || document.documentElement.clientWidth

            4) 事件对象兼容

            evt = evt || window.event;

            5) 阻止事件冒泡兼容

            event.stopPropagation?

            event.stopPropagation():event.cancelBubble=true;

            6)阻止默认行为兼容

            evt.preventDefault?evt.preventDefault():evt.returnValue=false;

            7)事件监听兼容

            if(document.all){

            dom.attactEvent(“onclick”, fn);

            } else {

            dom.addEventListener(“click”, fn);

            }

            8)事件目标对象兼容

            var t = event.target || event.srcElement;
时间: 2024-10-10 06:02:56

javaScript中一些常见的兼容性问题整理的相关文章

CSS中一些常见的兼容性问题

CSS中一些兼容性问题就是浏览器兼容,而这些浏览器兼容问题主要是Ie和FF之间的争斗. CSS hack中的一些事: 我们为了让页面形成统一的效果,要针对不同的浏览器或不同版本写出对应可解析的CSS样式,所以我们就把这个针对不同浏览器/版本而写CSS的过程叫做 CSS hack. CSS hack主要有三种:IE条件注释法.CSS属性前缀法.选择器前缀法. (1)IE条件注释法,即在正常代码之外添加判别IE浏览器或对应版本的条件注释,符合条件的浏览器或者版本号才回执行里边的代码. 1 <!--[

javascript中各类高度和宽度的整理

基础学的不扎实,关于高度宽度的各个属性总是糊里糊涂的,在这里理一下思路. 下面的测试以以下html结构为例 <div id="div1" style="height:200px;width:200px;padding:20px;margin:10px;border:1px solid #000;overflow:scroll"> <div id="div2" style="height:1000px;width:100

JavaScript中解决多浏览器兼容性问题的方案

一.document.formName.item(”itemName”) 问题 问题说 明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"]:Firefox 下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["e

JavaScript中常见的输出方式

Javascript中有三种常见的输出方式: 1,通过弹窗的形式来输出,其中又分为三种,它们之间存在着一些细微的区别: 1.1,alert(需要输出的内容); 例如:alert("Hello World"); 1.2,confirm("需要输出的内容"); 例如:confirm("Hello CTl !"); 1.3,prompt("需要输出的内容"); 例如:prompt("Hello China!"):

JavaScript中的&ldquo;this&rdquo;是什么?

原文:What is "this" in JavaScript? 如果你曾使用JavaScript库做过开发,那么你可能已经注意到一个名为 this的特定关键字.虽然 this在JavaScript中非常常见,但是完全理解this关键字的原理以及在代码中如何使用对相当一部分的开发者来说着实不易.在这篇文章中,我将帮你深入理解 this及其工作机制.在开始之前,请确保已安装 Node.然后,打开命令行终端并运行 node 命令. 全局环境中的"this" this的工

javascript中new Date()的浏览器兼容性问题

引言: 同一种语言JavaScript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异.本文将基于new Date来创建Date对象来分析这个问题. 1.  问题的提出, 开始时间和结束时间空间无法正确的传递值 在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行的. 问题出在哪里呢? 2.  问题分析 结果分析发现是由于如下代码产生的问题: [html] view pla

JavaScript中常见的数组操作函数及用法

昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法.今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下,这样方便大家准备参考.如果恰好你也在准备各种笔试,希望对你有所帮助.同时,也欢迎补充. 1.数组创建 创建数组应该是最简单的了,有用数组字面量创建和数组构造函数两种方法,见下: var array1 = new Array(); var array2 = []; 上面是创建数组的最常见的两种方法,其中第二种方法因为简单直观而被开发者推崇.其中,

JavaScript中易犯的小错误-------常见错误五:低效的DOM操作

JavaScript中易犯的小错误-------常见错误五:低效的DOM操作js中的DOM基本操作非常简单,但是如何能有效地进行这些操作一直是一个难题.这其中最典型的问题便是批量增加DOM元素.增加一个DOM元素是一步花费很大的操作.而批量增加对系统的花销更是不菲.一个比较好的批量增加的办法便是使用 document fragments :var div = document.getElementsByTagName("my_div");var fragment = document.

JavaScript中易犯的小错误-------常见错误三:内存泄露

国庆放假,今天开始继续!!!!!!!!!!! JavaScript中易犯的小错误-------常见错误三:内存泄露 内存泄露在js变成中几乎是一个无法避免的问题.如果不是特别细心的话,在最后的检查过程中,肯定会出现各种内存泄露问题.下面我们就来举例说明一下:var theThing = null;var replaceThing = function () {     var priorThing = theThing;     var unused = function () {