概念事件冒泡：事件促发的最深层元素首先接收事件。然后是它的父元素，依次向上，直到document对象最终接收到事件。尽管相对于html元素来说，document没有独立的视觉表现，他仍然是html元素的父元素并且事件能冒泡到document元素。 随便也说一下事件捕获。 事件捕获：事件首先发生在DOM树的最高层对象(document)然后往最深层的元素传播。（注意IE6只有冒泡，没有捕获） 事件委托：我认为事件委托是利用冒泡原理，把事件的监听转换到...
问题描述我希望当鼠标移动到id1上的时候，id2显示，当鼠标离开id1的时候，id2显示。问题如下： 1.当鼠标从id1上移动到id2上的时候，id由有显示变为不显示，然后变为显示 2.当鼠标从id2上移动到id1上的时候， id2有显示变为不显示，然后变为显示 我希望的是当鼠标在id1或者id2上移动的时候，id2一直显示，不发生变化。<script type="text/javascript" src=" </script><p id="id1" style="width:800px; height:400px; background-co...
案例一console.log(a); //输出function a(){} function a() {}; var a=3;案例二function a() {}; var a=3; console.log(a);//输出3为什么两者输出不一样呢？解析：针对案例一其执行流程可以细化为1.首先会申请一个空间，开始申明函数a，然后在执行申明变量a，发现已经有a的声明，于是不进行申明2.然后，就执行console.log(a);即输出函数a3.最后执行在执行赋值操作，将a=3，这时候函数a就被转为变量类型，并赋值为3。为了验证，可以...
Promise是ES6中的函数，规范了如何处理异步任务的回调函数，功能类似于jQuery的defferred。简单说就是通过promise对象的不同状态调用不同的回调函数。目前IE8及以下不支持，其他浏览器都支持。promise对象的状态，从Pending转换为Resolved或Rejected之后，这个promise对象的状态就不会再发生任何变化。使用步骤： 具体使用：function getURL(URL) { //因为promise创建时即执行，所以用工厂函数封装promise对象return new...
JavaScript中object和Object有什么区别，为什么用typeof检测对象，返回object，而用instanceof 必须要接Object呢这个问题和我之前遇到的问题非常相似，我认为这里有两个问题需要解决，一个是运算符new的作用机制，一个是function关键字和Funtion内置对象之间的区别。看了一些前辈的博客和标准，这里帮提问者总结一下。1、newnew运算符的作用是创建一个对象实例。这个对象可以是用户自定义的，也可以是带构造函数的一些系统自带的对...
序言 在今天，JavaScript已经成为了网页编辑的核心。尤其是过去的几年，互联网见证了在SPA开发、图形处理、交互等方面大量JS库的出现。 如果初次打交道，很多人会觉得js很简单。确实，对于很多有经验的工程师，或者甚至是初学者而言，实现基本的js功能几乎毫无障碍。但是JS的真实功能却比很多人想象的要更加多样、复杂。JavaScript的许多细节规定会让你的网页出现很多意想不到的bug，搞懂这些bug，对于成为一位有经验的JS开发...
首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。 为什么要学习this？如果你学...
在JavaScript中，对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝，即复制的是一份引用，而不是它所引用的对象。而更多的时候，我们希望对对象进行深拷贝，避免原始对象被无意修改。对象的深拷贝与浅拷贝的区别如下：浅拷贝：仅仅复制对象的引用，而不是对象本身；深拷贝：把复制的对象所引用的全部对象都复制一遍。一. 浅拷贝的实现浅拷贝的实现方法比较简单，只要使用是简单的复制语句即可。1.1 方法一：...
前言： this 是 JavaScript 比较特殊的关键字，运用的地方之广，方式之灵活奠定了它的强大，但同时注定了它的难用 。自己刚开始学的时候被绕的很晕，为了彻底弄懂它查了很多资料。然后将自己学的东西整理了一下，以通俗易懂的方式表达出来，权当做学习笔记，同时也可以给有需要的童鞋做下参考^_^什么是this？this 关键字的含义是明确且具体的，即指代当前对象。即意味着这个 this 是在某种相对情况下才成立的。this 被分为三种情况...
前言JavaScript中的Array对象，就是我们常说的数组对象，主要用于封装多个任意类型的数据，并对它们进行管理。所有主流浏览器均支持Array对象。大家都知道Array实例有这四个方法：push、pop、shift、unshift。大家也都知道 push + pop实现栈， shift + push实现队列。在这里不讨论什么先进后出、先进先出。但一面这个题将要用到这几个方法。题目螺旋矩阵这个名词，在后台语言中可能很熟悉，他是个二维数组，他有什么特点呢？请看下...
一、什么是BOM BOM（Browser Object Document）即浏览器对象模型。 BOM提供了独立于内容 而与浏览器窗口进行交互的对象； 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window； BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性； BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。二、学习BOM学什么我们将学到与浏...
本篇文章主要介绍了JavaScript中js对象与JSON格式字符串的相互转换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。首先我们来看一下js中JSON格式的字符串注意以下的写法不是js中JSON格式的字符串，它只是一个js的字符串。我们看JSON语法中对于字符串的定义：是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。下面我们来看一下在js中怎么把JSON格...
概述现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端，前端解析成JS对象（JSON ）。ECMA-262(E3)中没有将JSON概念写到标准中，还好在 ECMA-262(E5)中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。解析JSON数据的三种方法eval()方法解析JSON数据的最常用方法是使用javascript的eval()方法，代码如下：function toJson(str){var json = eval(( + st...
现象：1. 在JavaScript中变量和函数的声明会提升到最顶部执行。2. 函数的提升高于变量的提升。3. 函数内部如果用var声明了相同名称的外部变量，函数将不再向上寻找。4. 匿名函数不会提升。5. 不同<script>块中的函数互不影响。例子：函数声明提升高于变量声明//同时声明变量a和函数a var a; function a() {} alert(typeof a); //显示的是"function"，初步证明function的优先级高于var。//先声明函数后声明变量，证明上边的例子不是...
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。也就是说setTimeout()只执行一次，setInterval()可以执行多次。两个函数的参数也相同，第一个参数是要执行的code或句柄，第二个是延迟的毫秒数。setTimeOut用法setTimeout函数的用法如下：var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var timeo...