随笔分类 - JavaScript
摘要：键盘事件：onkeydown-按键被按下-对于onkeydown来说如果一直按着某个按键不松手，则事件会一直触发-当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，其他的会非常的快这种设计是为了防止误操作的发生。onkeyup-按键被松开键盘事件一般都会绑定给一些可以获取到焦点的对
阅读全文
摘要：onmousewheel鼠标滚轮滚动的事件，会在滚轮滚动时触发， 但是火狐不支持该属性 在火狐中需要使用DOMMouseScroll来绑定滚动事件 注意该事件需要通过addEventListener()函数来绑定 判断鼠标滚轮滚动的方向 event.wheelDelta可以获取鼠标滚轮滚动的方向 向
阅读全文
摘要：通过style属性来修改元素的样式，每修改一个样式，浏览器就需要重新渲染一次页面这样的执行的性能是比较差的，而且这种形式当我们要修改多个样式时，也不太方便 一行代码，可以同时修改多个样式可以通过修改元素的class属性来间接的修改样式这样一来，我们只需要修改一次，即可同时修改多个样式，浏览器只需要重
阅读全文
摘要：通过JS修改元素的样式：语法：元素.style.样式名=样式值通过JS读取元素的样式：语法：元素.style.样式名 通过style属性设置和读取的都是内联样式无法读取样式表中的样式 注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的比如background-color需要将这种样式名修改
阅读全文
摘要：clientwidth clientHeight-这两个属性可以获取元素的可见宽度和高度-这些属性都是不带px的，返回都是一个数字，可以直接进行计算-会获取元素宽度和高度，包括内容区和内边距-这些属性都是只读的，不能修改 offsetwidth offsetHeight-获取元素的整个的宽度和高度，
阅读全文
摘要：阻止事件的传播：在W3c中，使用stopPropagation()方法在IE下设置cancelBubble = true；在捕获的过程中stopPropagation()；后，后面的冒泡过程也不会发生了~ 阻止事件的默认行为，例如click <a>后的跳转~在W3c中，使用preventDefaul
阅读全文
摘要：getAttribute() 返回元素上一个指定的属性值。 如果指定的属性不存在，则返回 null 或 "" （空字符串）； 语法 let attribute = element.getAttribute(attributeName); attribute 是一个包含 attributeName 属
阅读全文
摘要：为每一个超链接都绑定一个单击响应函数这里我们为每一个超链接都绑定了一个单击响应函数，这种操作比较麻烦，而且这些操作只能为已有的超链接设置事件，而新添加的超链接必须重新绑定 我们希望，只绑定一次事件，即可应用到多个的元素上，即使元素是后添加的我们可以尝试将其绑定给元素的共同的祖先元素 事件的委派-指将
阅读全文
摘要：事件的传播-关于事件的传播网景公司和微软公司有不同的理解-微软公司认为事件应该是由内向外传播，也就是当事件触发时，应该先触发当前元素上的事件， 然后再向当前元素的祖先元素上传播，也就说事件应该在冒泡阶段执行。-网景公司认为事件应该是由外向内传播的，也就是当前事件触发时，应该先触发当前元素的最外层的祖
阅读全文
摘要：使用对象.事件=函数的形式绑定响应函数，它只能同时为一个元素的一个事件绑定一个响应函数，不能绑定多个，如果绑定了多个，则后边会覆盖掉前边的 addEventListener（）-通过这个方法也可以为元素绑定响应函数-参数：1.事件的字符串，不要on2.回调函数，当事件触发时该函数会被调用3.是否在捕
阅读全文
摘要：onmousemove-该事件将会在鼠标在元素中移动时被触发 事件对象-当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数，在事件对象中封装了当前事件相关的一切信息，比如：鼠标的坐标键盘哪个按键被按下鼠标滚轮滚动的方向。。。 在IE8中，响应函数被触发时，浏览器不会传递事件
阅读全文
摘要：事件，就是用户和浏览器之间的交互行为，比如：点击按钮，鼠标移动、关闭窗口等。。。 我们可以在事件对应的属性中设置一些js代码，这样当事件被触发时，这些代码将会执行这种写法我们称为结构和行为耦合，不方便维护，不推荐使用 可以为按钮的对应事件绑定处理函数的形式来响应事件这样当事件被触发时，其对应的函数将
阅读全文
摘要：获取元素的当前显示的样式语法：元素.currentStyle.样式名它可以用来读取当前元素正在显示的样式currentStyle只有IE浏览器支持，其他的浏览器都不支持 在其他浏览器中可以使用getComputedStyle（）这个方法来获取元素当前的样式这个方法是window的方法，可以直接使用
阅读全文
摘要：document.createElement（）可以用于创建一个元素节点对象，它需要一个标签名作为参数，将会根据该标签名创建元素节点对象，并将创建好的对象作为返回值返回 document.createTextNode（）可以用来创建一个文本节点对象需要一个文本内容作为参数，将会根据该内容创建文本节点
阅读全文
摘要：获取元素节点通过document对象调用1.getElementById()-通过id属性获取一个元素节点对象2.getElementsBy TagName(）-通过标签名获取一组元素节点对象3.getElementsByName(）-通过name属性获取一组元素节点对象 获取元素节点的子节点通过具
阅读全文
摘要：浏览器在加载一个页面时，是按照自上向下的顺序加载的，读取到一行就运行一行，如果将script标签写到页面的上边，在代码执行时，页面还没有加载，页面没有加载DOM对象也没有加载会导致无法获取到DOM对象。 onload事件会在整个页面加载完成之后才触发为window绑定一个onload事件该事件对应的
阅读全文
摘要：什么是DOM?DOM，全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。文档-文档表示的就是整个的HTML网页文档对象-对象表示将网页中的每一个部分都转换为了一个对象。模型-使用模型来表示对象之间的关
阅读全文
摘要：在比较字符串、数值和布尔值的相等性时，问题还比较简单。但在涉及到对象的比较时，问题就变得复杂了。最早的ECMAScript中的相等和不相等操作符会在执行比较之前，先将对象转换成相似的类型。后来，有人提出了这种转换到底是否合理的质疑。最后，ECMAScript的解决方案就是提供两组操作符： 相等和不相
阅读全文
摘要：正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，或者将字符串中符合规则的内容提取出来 创建正则表达式的对象语法： var 变量=new RegExp（“正则表达式”，“匹配模式）；使用typeof检查正则对象，会返回object var reg=new R
阅读全文
摘要：forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。 注意: forEach() 对于空数组是不会执行回调函数的。 语法array.forEach(function(currentValue, index, arr), thisValue) 参数 描述function(curre
阅读全文
浙公网安备 33010602011771号