JavaScript
roadkiller.
我愿浪漫至死
展开
-
JavaScript进阶笔记——DOM事件流理论
DOM事件流:事件流描述的是从页面中接受事件的顺序事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流DOM事件流分为三个阶段:(以div的事件注册为例)捕获阶段 当前目标阶段 冒泡阶段注意:1、addEventListener第三个参数如果是true,表示在事件捕获阶段调用事件处理程序如果是false那么表示在事件冒泡阶段调用事件处理程序2、在实际开发中,很少使用事件捕获,一般使用事件冒泡3、有些时间是没有冒泡的,比如onblur,on...原创 2020-08-03 10:06:07 · 177 阅读 · 0 评论 -
JavaScript进阶笔记——节点,节点属性,父节点、子节点、兄弟节点,创建节点,添加节点,删除节点,复制节点
节点HTML DOM树中的所有节点均可以通过JavaScript来进行访问一般来说,节点都有三个基本属性:nodeType nodeName nodeValuenodeType :元素节点为1 属性节点为2 文本节点为3(文字、空格、换行等等)一般操作的都是元素节点父节点:node . parentNode子节点:node . childNodes 返回的是子节点,可能是元素节点也可能是文本和属性节点,因此一般不用node . children 返回子元...原创 2020-08-03 10:00:09 · 558 阅读 · 0 评论 -
JavaScript进阶笔记——获取、修改、删除元素的属性值,属性操作
获取元素的属性值:第一种方法:element.属性名适用于元素内置属性第二种方法:(具有普适性)element .getAttribute('属性名')既适用于元素内置属性,也适用于程序员自定义的元素属性,例如data-index等修改元素的属性值1、 element . 属性名也可以进行修改2、element.setAttribute('属性名',修改后的值)移除元素的属性值element.removeAttribute('属性名')...原创 2020-08-03 09:57:59 · 379 阅读 · 0 评论 -
JavaScript进阶笔记——事件、事件监听注册删除事件、事件对象、事件委托、鼠标事件
事件事件三要素:事件源,即事件被触发的对象,比如某button 事件类型,如何触发 比如鼠标单击(onclick) 事件处理程序,通过一个函数赋值的方式完成利用DOM可以操作如下表单元素的属性:type,value,checked,selected,disabled表单里面的值(文字)是通过value来修改的 想要禁用按钮要用disabled样式属性操作设定element为JS代码中获取到的元素1、行内样式操作element.style.xxx =...原创 2020-08-03 09:57:10 · 210 阅读 · 0 评论 -
innerHTML()和innerText()的区别(含示例)
innerHTML()和innerText()的区别:element.innerText()会去除html标签,同时换行和空格也会去掉,但字符串中的标签会原样打印出来element.innerHTML()会包括html标签,同时保留空格和换行,打印时会按照书写格式innerText示例:innerText 不识别html标签 非标准 去除空格和换行var div = document.querySelector('div');div.innerText = '...原创 2020-08-03 09:54:43 · 971 阅读 · 0 评论 -
mouseover和mouseenter的异同
引言在自己动手练习一些项目实例的时候,发现mouseover和mouseenter这俩事件功能有点相似,但应用场景却不同。所以想整篇博客梳理梳理mouseover和mouseenter的不同点:不同点有两方面:事件的触发时机 是否支持冒泡一、事件的触发时机?下面是我自己做的测试:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2020-08-03 09:11:22 · 3162 阅读 · 0 评论 -
JavaScript进阶笔记——DOM概念,获取元素的四种方法,创建元素的效率对比
DOM:(Document Object Model ),文档对象模型,是W3C组织推荐的处理可拓展标记语言(HTML、XML)的标准编程接口。通过DOM接口可以改变网页的内容、结构和样式。在DOM中: 文档:一个页面就是一个文档 元素:页面中所有标签都是元素 节点:网页中的所有内容都是节点DOM把以上内容都看作是对象获取元素:1、根据ID获取 使用getElementById()可以获取带有id的元素对象。参数id是大小写敏感的字符串,console.dir()..原创 2020-07-29 17:33:38 · 316 阅读 · 0 评论 -
JavaScript 错误 - throw、try 和 catch
本文为菜鸟教程学习理解,并非原创。正文:try语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误。finally语句在 try 和 catch 语句之后,无论是否有触发异常,该语句都会执行。下面的例子我们故意设置了一个小错误(try里面的应该是alert,我们改成dlert)<!DOCTYPE html>&l...翻译 2019-06-11 11:02:37 · 168 阅读 · 0 评论 -
JavaScript学习笔记(语法部分)
prompt()是输入,alert()是输出,console.log()是测试用的输出未定义变量的值为undefined变量不声明直接赋值是可以使用的,但有风险,因为是全局变量可能会重名name在浏览器有特定含义,不要用作变量名,(是表单返回值)数字前面加0是八进制,加0x是十六进制,加0b是二进制isNaN()方法用来判断一个变量是否是非数字的类型\b 空格 \t tab缩进字符串拼接方式为:字符串+任何类型+拼接后的新字符串拼接口诀:数值相加,字符相.原创 2020-06-18 23:28:30 · 116 阅读 · 0 评论