代码改变世界

Event 事件 - 扩展

2017-09-03 16:15 by 囍呆, 368 阅读, 0 推荐, 收藏, 编辑
摘要:事件中的 this 在事件的处理函数中,可以通过 this 关键字来指代绑定该事件的标签。 <p id="para"> 我是一个p标签 </p> 在点击完 <p> 标签后获取到它里面的内容,常规做法: para.addEventListener("click", function(){console 阅读全文

BOM

2017-09-03 16:02 by 囍呆, 163 阅读, 0 推荐, 收藏, 编辑
摘要:BOM 与 DOM 的区别与联系 全局 window 对象 全局域中定义变量和函数: var str = "hello"; function fn(){ console.log( "world" ) } console.log( str window.str); console.log( fn wi 阅读全文

Event事件-基础

2017-08-27 22:19 by 囍呆, 148 阅读, 0 推荐, 收藏, 编辑
摘要:事件驱动三要素 事件源:即触发事件的元素事件:被 JavaScript 监测到的行为。 事件处理函数:事件发生时要进行的操作,又叫做"事件句柄"或"事件监听器"。 事件绑定 为 HTML 页面指定标签绑定指定事件,可以通过以下三种方式实现:HTML 标签的事件属性:这种方式 HTML 代码和 Jav 阅读全文

DOM

2017-08-27 22:11 by 囍呆, 222 阅读, 0 推荐, 收藏, 编辑
摘要:1、什么是DOM DOM 的全称是 Document Object Model,译为文档对象模型。DOM 就是为 HTML 文档提供的一个API(接口)。 2、DOM 的组成 Core DOM:也称核心DOM编程,定义了一套标准针对任何结构化文档的对象,包括HTML。XML DOM:定义了一套标准的 阅读全文

解构赋值

2017-07-30 16:16 by 囍呆, 131 阅读, 0 推荐, 收藏, 编辑
摘要:var = "hello world"; 左边是变量名,右边可以是任意的数据类型。 数组的解构赋值 可以为多个变量赋值,例如: var = 1;var = 2;var = 3; let [ , , ] = [1, 2, 3]; (1)嵌套数组的解构 let [ , [[ ], ]] = [1, [[ 阅读全文

数组的循环和迭代

2017-07-30 16:02 by 囍呆, 227 阅读, 0 推荐, 收藏, 编辑
摘要:循环 (1) for 循环 for 循环是遍历数组最简单的一种,也是使用频率最高的一种。 普通版 for 循环 var = ["a", "b", "c", "d"]; for ( let = 0; 阅读全文

数组

2017-07-20 18:29 by 囍呆, 183 阅读, 0 推荐, 收藏, 编辑
摘要:数组 数组是一组数据的有序集合。数组中的每一个值叫做一个元素,而每个元素在数组中都有一个唯一的位置。这个位置用数字表示,叫做索引。JavaScript 数组是无类型的:数组的元素可以是任何类型。例如:字符串、数字值、布尔值等。而且数组中每一个元素都可能是不同数据类型。JavaScript 数组是动态 阅读全文

函数

2017-07-20 18:22 by 囍呆, 160 阅读, 0 推荐, 收藏, 编辑
摘要:函数 函数就是一组可重用的代码,你可以在你程序的任何地方调用它。 函数的语法 函数就是包裹在花括号中的代码块,前面使用了关键字 function 。当调用时,会执行函数内的代码。 例如: function fn(){console.log("this is a function");} 函数的定义 阅读全文

流程控制语句

2017-07-11 23:22 by 囍呆, 115 阅读, 0 推荐, 收藏, 编辑
摘要:一、条件语句 条件语句就是指通过判断得到的结果,来决定是执行还是跳过指定的代码块。 1、if 语句 if 语句是条件判断语句,也是最基本的流程控制语句。 例如: var num = 5;if(num < 10){console.log(num);} 2、if else 语句 if else 语句也是 阅读全文

数据类型转换

2017-07-11 23:09 by 囍呆, 139 阅读, 0 推荐, 收藏, 编辑
摘要:强制转换成数字 parseInt()函数,返回一个整数 parseFloat()函数可解析一个字符串,并返回一个浮点数 Number()函数,可以将任意类型的值转化成数字 parseInt();//整数,会裁剪parseFloat();小数(会裁剪)Number();数字(不会裁剪) Number( 阅读全文