cxl81-CSDN博客

原创 ⭐事件 event对象下-day12

Event 事件对象的概念Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！Event对象相关属性event.clientX 当前鼠标的x轴的坐标event.clientY 当前鼠标的y轴的坐标对象.clientWidth 当前对象的宽度不包含左右边框对象.clie...

2020-01-14 16:55:20 149

原创 ⭐事件event对象上-day11

什么是Event事件浏览器与用户进行交互的时候会触发各种事件,事件在文档或者浏览器窗口中发生，指用户或浏览器自身执行的某种动作.是javascript与DOM之间的交互的桥梁事件流事件流是描述从页面中接收事件的顺序，按照执行的顺序，我们主要有事件冒泡和事件捕获两种形式DOM标准规定事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段1 事件冒泡事件冒泡可以形象比喻为把一...

2020-01-14 16:33:55 130

原创 ⭐DOM下day-10

【节点遍历】节点的遍历跟节点之间的关系密不可分，简单概括就是子找父，父找子，兄弟找兄弟这种关系。parentNode 找到当前节点对象的父节点，如果指定的节点没有父节点则返回 null <div> <div id="dv"></div> </div> <s...

2020-01-14 15:53:29 144

原创 ⭐DOM上day-09

【DOM的概念及作用】DOM的概念当页面被加载的时候，浏览器会创建页面的文档对象模型，DOM纸的是文档对象模型(Document object Model)DOM又称为文档书模型DOM的作用通过DOM我们可以动态的改变页面的内容，比如完成页面元素的添加，删除，或者修改页面的内容等DOM树DOM把HTML解析为一个树结构，这个树结构成为DOM树DOM树完整的展示了HTML的结构...

2020-01-14 15:07:03 98

原创 ⭐日期对象-day08

【什么是日期对象】Date 对象是 JavaScript 原生的时间库。它以国际标准时间（UTC）1970年1月1日00:00:00作为时间的零点，可以表示的时间范围是前后各1亿天（单位为毫秒）。Date对象保存的日期能够精确到1970年 1月1日之前或之后的285616年。1m = 1ms一天：24 * 60 * 60 * 1000 毫秒数【日期对象创建方式】创建一个新 Date 对...

2019-12-29 12:19:53 148

原创 ⭐BOM对象-day07

【浏览器对象模型BOM】** 1 BOM对象的概念**BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。2 BOM对象的核心BOM的核心对象是window(窗口对象); window...

2019-12-29 11:52:55 108

原创 ⭐String对象和Math对象-day06

【什么是String对象】String对象：用来处理文本字符串的一个对象【 String对象创建】1、字面量的方式创建字符串var str1="world"; console.log(str1);2、构造函数创建字符串var str=new String("hellow"); console.log(str);【String对象的方法使用】charAt() 方法从一个字符串...

2019-12-29 11:32:18 169 1

原创 ⭐数组-day05

【数组的概念】所谓数组，就是将多个元素按一定顺序排列放到一个集合中，这个集合我们就称之为数组。【数组的创建】1、通过数组字面量var arr1 = []; // 创建一个空数组 var arr2 = [1, 2, 3, 4，'a']; // 创建一个包含3个数值的数组，多个数组项以逗号隔开 2、通过构造函数Array()//调用时没有参数： var a = ne...

2019-12-23 11:11:41 183

原创 ⭐函数-day04

【什么是函数】函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数可以封装一段JavaScript代码，它只定义一次，可以被执行或调用任意多次。【函数的作用有哪些？】使程序变得简洁清晰易于代码维护提高了代码的复用性，提高程序开发的效率（就是封装一段代码，将来可以重复使用）【函数的定义的两个格式】第一种创建函数的方式： function 函数名(参数1，参数2，....

2019-12-20 13:09:21 241

原创 ⭐分支语句-day03

【分支语句】【if语句】单分支语法结构 //判断后只弹出对的语句 var a=20; if(a>18){ alert('小鬼，谈恋爱，你爸妈同意了吗？'); }双分支 var a=10; if(a>18){ alert('我成年了'); }else{ alert('未成年'); }...

2019-12-19 11:16:23 228 1

原创 ⭐数据类型转换与表达式运算符-day02

其它类型转为NumberNumber()//将纯数字的字符串转为数值类型var str="100"; //纯数字console.log(Number(str)); //100console.log(typeof Number(str)); //Number---------------------------------//非纯数字全部转为NaNvar str="100px"co...

2019-12-18 13:06:59 285 2

原创 ⭐JavaScript历史回顾基础-day01

【JavaScript历史回顾】1990年欧洲的Tim Berners-Lee(伯纳斯·李)终端浏览器网页。1992年开发一个独立的浏览器，叫做Mosaic,能够显示图片的网页浏览器。1994年网费贵，有些操作不宜在服务端完成，比如表单验证。1995年布兰登.艾奇10天发明了JavaScript，最初目的就是为了在客户端验证表单数据，发展到现在无所不能。1996年 naviga...

2019-12-16 17:29:24 448 7

weixin_46031154的博客