JavaScript学习笔记
JavaScript学习笔记
|惜取少年时
士不可以不弘毅,任重而道远。
展开
-
JavaScript学习笔记目录
JavaScript学习笔记目录第一章 JavaScript简介第二章 JavaScript基本概念2.1 基本语法、字面量、变量、标识符2.2 数据类型,5种基本数据类型,1种引用数据类型2.3 数据类型强制转换2.4 数制与Unicode编码2.5 运算符及运算符的优先级2.6 JavaScript的语句第三章 对象基础3.1 对象简介3.2 函数对象3.3 作用域、this、批量创建对象的方式、原型prototype、toString方法、垃圾回收3.4 数组(Array)原创 2020-09-28 23:07:57 · 168 阅读 · 0 评论 -
4.5 使用DOM操作CSS;4.6 事件对象
4.5 使用DOM操作CSS1.操作内联样式(style属性) 1.通过js修改元素的样式 语法: 元素.style.样式名=样式值; //样式值需要是字符串 这种方式修改的是内联样式,优先级较高,会立即执行, 但是如果在样式中添加了!important,则该样式会有最高的优先级 即使通过js也不能覆盖该样式,此时会导致js修改样式无效 所以在样式中尽量不要添加!import原创 2020-09-29 00:32:35 · 166 阅读 · 0 评论 -
4.3 DOM查询;4.4 DOM增删改
4.3 DOM查询1.获取元素节点通过document对象调用 1.getElementById() 通过Id属性获取一个元素节点对象 2.getElementsByTagName() 通过标签名获取一组元素节点对象 3.getElementsByName() 通过name属性获取一组元素节点对象 innerHTML用于获取元素内部的HTML代码,此属性对于自结束标签没有意义 如果需要读取元素节点属性,原创 2020-09-29 00:22:24 · 91 阅读 · 0 评论 -
4.1 DOM简介;4.2 事件、文档加载
4.1 DOM简介宿主对象之一1.文档 文档表示整个HTML网页文档2.对象 对象表示将网页中的每一个部分都转换为对象3.模型 使用模型表示对象之间的关系,这样方便获取对象4.节点 节点Node,是构成网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点 比如:Html标签、属性、文本、注释、整个文档都是一个节点 虽然都是结点,但它们的具体类型是不同的 比如:标签称之为标签节点,属性称之为属性节点,文原创 2020-09-29 00:41:58 · 112 阅读 · 0 评论 -
6.1 图片切换练习;6.2 添加删除记录练习;6.3 divMove练习;6.4 轮播图练习
6.1 图片切换练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片切换练习</title> <style type="text/css"> *{ margin: 0; padding: 0; } #outer原创 2020-09-28 23:25:21 · 202 阅读 · 0 评论 -
第七章 类的操作和json简介
第七章 类的操作和json简介1.类的操作 1.通过style标签,每修改一次样式,浏览器就需要重新渲染一次 这样的执行性能比较差,而且这种形式当我们要修改多个样式时,也不方便 2.我们可以通过修改元素的class属性来间接修改样式 这样我们之需要修改一次,即可以修改多个样式 浏览器只需要重新渲染页面一次,性能较好 并且这种方式可以将行为和表现分开,低耦合 通过box.className+=" class2";原创 2020-09-28 23:23:16 · 102 阅读 · 0 评论 -
第五章 BOM(Browser object model,浏览器对象模型)
第五章 BOM(Browser object model,浏览器对象模型)BOM为我们提供了一组对象,通来完成对浏览器的操作BOM对象 window -代表的是整个浏览器的窗口,同时window也是网页的全局对象 Navigator -代表当前浏览器的信息,通过该对象可以识别不同的浏览器 Location -代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面 History原创 2020-09-28 23:22:24 · 139 阅读 · 0 评论 -
3.8 包装类与字符串;3.9 正则表达式
3.8 包装类与字符串1.包装类 1.js中有三个包装类,通过三个包装类可以将基本数据类型装换为对象 1.String() 将字符串转化为String对象 2.Number() 将数字转化为Number对象 3.Boolean() 将布尔值转化为Boolean对象 2.这三个都是构造函数 **注意:在实际应用中不会使用基本数据类型的对象原创 2020-09-28 23:21:40 · 103 阅读 · 0 评论 -
3.4 数组(Array);3.5 函数对象的补充知识;3.6 Date对象;3.7 Math对象
3.4 数组(Array)数组是一种内建对象(对象分为三种:内建对象、宿主对象、自建对象)-它和普通对象功能类似,也是用来存储一些值的-不同的是普通对象是使用字符串作为属性名的 而数组是使用数字来作为索引操作元素的-索引:从0开始的整数就是索引-数组的存储性能比普通对象好,在开发中经常使用数组来存储一些数组1.创建数组对象 var arr=new Array(); 使用typeof检查一个数组,返回object2.向数组中添加元素 语法:数组[索引]=值3.原创 2020-09-28 23:20:54 · 128 阅读 · 0 评论 -
3.1 对象简介;3.2 函数对象;3.3 作用域、this、批量创建对象的方式、原型prototype、toString方法、垃圾回收
3.1 对象简介6种数据类型,5种基本数据类型,1个引用数据类型:对象基本数据类型都是单一的值,值和值之间没有联系对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性1.对象分类 1.内建对象 ES标准中定义的对象,在任何的ES中都可以使用 比如:Math、String、Number、.... 2.宿主对象 由js的运行环境提供的对象,目前来讲主要指由浏览器提供的对象 比如:BOM和DOM原创 2020-09-28 23:19:38 · 105 阅读 · 0 评论 -
2.5 运算符及运算符的优先级;2.6 语句
2.5 运算符及运算符的优先级通过运算符,可以对一个或者多个值进行运算 比如typeof就是运算符,可以来获得一个值的类型,返回值以字符串的类型返回 1.算数运算符(二元运算符) 先将非number值转化成number再运算(除了字符串加法) + 对于字符串有拼串操作 任何值和字符串做加法,都会先转化成字符串,然后再进行拼串 - * / 此处与C语言不同,C语言中,整数/整数是整除符号,js中就是除号 %2.一元运算符 +原创 2020-09-28 23:17:14 · 323 阅读 · 0 评论 -
2.1 基本语法、字面量、变量、标识符;2.2 数据类型,5种基本数据类型,1种引用数据类型;2.3 数据类型强制转换;2.4 数制与Unicode编码
2.1 基本语法、字面量、变量、标识符1.基本语法 1.注释(与C语言类似) 多行注释 /* */ 单行注释 // 2.js中严格区分大小写 3.JS中每一条语句以分号结尾 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源 而且有些时候,浏览器会加错分号,所以在开发中分号必须写 4.js中会忽略多个空格和换行,所以我们会利用空格和换行对代码进行格式化2.字面量和变量 1.字面量原创 2020-09-28 23:15:16 · 123 阅读 · 0 评论 -
第一章 JavaScript简介
第一章 JavaScript简介JavaScript是一门语言,Html和CSS严格来说不算语言1.起源 JavaScript诞生于1995年,它的出现主要是用于处理网页的前端验证 所谓前端验证,就是指检验用户输入的内容是否符合一定的规则 比如:用户名的长度,密码的长度,邮箱的格式等2.简史 JavaScript是由网景公司命名,起初命名为LiveScript,后来由于SUN公司介入更名为JavaScript 1996不安微软公司在其最新的IE3原创 2020-09-28 23:09:32 · 113 阅读 · 1 评论