JavaScript
思无邪。
python,前端小白,记录自己的学习过程~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js核心-Web-API-DOM-常用键盘事件-键盘事件对象
常用键盘事件事件除了使用鼠标触发,还可以使用键盘触发。键盘事件 触发条件onkeyup 某个键盘按键被松开时触发onkeydown 某个键盘按键被按下时触发onkeypress 某个键盘按键被按下时触发 但是他不识别功能键 比如ctrl shift箭头等注意:如果使用addEventListener 不需要加 ononkeypress 和前面2个的区别是,它不识别功能键,比如左右箭头,shift 等。三个事件的执行顺序是: keydown – keypress — keyup8.2 .原创 2020-07-02 11:44:31 · 245 阅读 · 0 评论 -
js-Web-API-DOM-注册事件-addEventListener事件监听方式-删除事件的方式-DOM事件流-什么是事件对象-事件委托-鼠标事件对象
注册事件(绑定事件)1.1 注册事件概述给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式传统注册方式 利用 on 开头的事件 onclick<button οnclick=“alert(‘hi~’)”>btn.onclick = function() {}特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c 标准 推荐方式addEventList.原创 2020-07-02 11:43:19 · 381 阅读 · 0 评论 -
Web-API-DOM-删除节点-复制节点-三种动态创建元素区别-DOM 重点核心
5.5 删除节点node.removeChild(child)node.removeChild() 方法从 DOM 中删除一个子节点,返回删除的节点。5.6 复制节点node.cloneNode()node.cloneNode() 方法返回调用该方法的节点的一个副本。注意:如果括号参数为空或者为 false ,则是浅拷贝,即只克隆复制节点本身,不克隆里面的子节点。如果括号参数为 true ,则是深度拷贝,会复制节点本身以及里面所有的子节点5.8 三种动态创建元素区别document.w原创 2020-07-02 11:40:15 · 323 阅读 · 0 评论 -
Web-API-DOM的自定义属性的操作-H5自定义属性-节点概述-节点层级-父子节点-兄弟节点-创建节点-添加节点
4.6 自定义属性的操作获取属性值element.属性 获取属性值。element.getAttribute(‘属性’);区别:element.属性 获取内置属性值(元素本身自带的属性)element.getAttribute(‘属性’); 主要获得自定义的属性 (标准) 我们程序员自定义的属性设置属性值 element.属性 = ‘值’ 设置内置属性值。element.setAttribute(‘属性’, ‘值’);区别:element.属性 设置内置属性值 element.原创 2020-07-01 18:16:40 · 379 阅读 · 0 评论 -
Web-API-DOM的获取元素-事件概述-事件三要素-执行事件的步骤-常见鼠标事件-操作元素-改变元素内容-常用元素的属性操作-常用元素的属性操作-样式属性操作
获取元素2.2 根据ID获取用getElementById()方法可以获取带有ID元素对象document.getElementById(‘id’);console.dir()可以打印我们获取的元素对象,更好的查看对象里面的属性和方法2.3 根据标签名获取getElementsByTagName()方法可以返回指定标签名的对象的集合document.getElementsByTagName(‘标签名’);因为得到的是一个对象的集合,所以我们想要操作里面的元素就需要遍历得到元素对象是动态..原创 2020-07-01 18:12:45 · 187 阅读 · 0 评论 -
js的内置对象,数学对象Math,Date日期对象,数组创建的两种方式,检测是否为数组两种方式,添加数组元素,删除数组元素,数组排序,获取数组元素索引,数组转换为字符串,基本包装类型,根据字符返回位置
MDN Web文档 https://developer.mozilla.org/zh-CN/2.2 什么是内置对象JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于我们JS 独有的, 我们JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)内置对象最大的优点就是帮助我们快速开发JavaScript 提供了原创 2020-06-17 00:19:51 · 202 阅读 · 0 评论 -
js的数组和函数
数组一组数据的集合,使用一个变量同时存储多个数据var arr = newArr();var arr = [1,2,‘demo’];数组中的数据称为数组的元素,元素的数据类型没有限制索引/下标从0开始,如果通过索引获取数组中没有的元素,得到的值是undefined4.2 遍历数组遍历:把数据的集合中的数据逐个访问,称为遍历遍历数组:通过循环过程中的计数器变量,把数组中的元素从头到尾访问一遍,称为遍历数组遍历数组的写法:for( var I = 0 ; I < 数组的长度 ;i+..原创 2020-06-16 01:04:54 · 236 阅读 · 0 评论 -
js中的for和while循环以及break和continue
打断点,f12,Sources,选中想要断点的行号,f5刷新,f11下一步watch + 设置查看变量现在的值3.2 for循环语法结构for (初始化变量;条件表达式;操作表达式) {循环体;}初始化变量:通常被用于初始化的计数器,该表达式可以使用var关键字声明新变量,帮我们记录次数条件表达式:用于确定每一个循环是否能被执行,如果结果是true就继续循环,否则退出循环操作表达式:每次循环的最后都要执行的表达式,通常被用于更新或者递增计数器变量,当然,递减变量也可以双重for循环执行过程原创 2020-06-16 01:04:07 · 1079 阅读 · 0 评论 -
JavaScript-运算符-逻辑语句-if-三元表达式-switch语句
算术运算符 + - * / %2.2 浮点数的精确度最高是17位小数,但在进行运算时精确度远远不如整数不要直接判断两个浮点数是否相等!2.3 一个数被另一个数整除的话余数为0,这就是%取余运算符的主要用途算术运算符优先级,先乘除,后加减,有小括号先算小括号里面的2.4 表达式最终都会有一个结果,返回给我们,我们称为返回值递增和递减运算符3.1 递增++ 后置递增运算符 先自加,后返回值 先人后己++递增 前置递增运算符 先返回值,后自加 先己后人开发时,大多使用后置递增/减,且代码..原创 2020-06-11 23:31:26 · 423 阅读 · 0 评论 -
javascript基础操作
1.6 js初体验js有3种书写位置,分别为行内,内嵌和外部1.6.1. 行内式js可以将单行或少量js代码写在html标签的事件属性中(以on开头的属性),如:onclick注意单双引号的使用:在html中我们推荐使用双引号,js中推荐使用单引号可读性差,在html中编写js大量代码时,不方便阅读引号易错,引号多次嵌套匹配时,非常容易弄混1.6.2. 内嵌式可以将多行js代码写道1.6.3. 外部js文件利于HTML页面代码结构化,把大段js代码独立到HTML页面之外,方便文件复用原创 2020-06-11 23:29:18 · 167 阅读 · 0 评论
分享