- 博客(19)
- 收藏
- 关注
RSS订阅
1原创 Web APIs --JavaScript学习笔记（总）（包括DOM、BOM）
DOM1 基本语句获取元素：getElementByld：获取带有ID的元素对象getElementByTagName()：获取某类标签元素getElementsByClassName(‘类名’)，根据类名获取某些元素集合querySelector(‘选择器’) 根据指定选择器返回第一个元素对象，里面选择器需要加符号 .class，#idquerySelectorAll(‘选择器’)返回指定选择器的所有对象集合document.body //返回body元素对象document.docu
2022-04-15 14:20:48
584
原创 JavaScript--Web APIs学习笔记（四）一些操作实例
操作实例1 按钮点击变色五个按钮，点击某个按钮，其背景颜色变为粉色，其他按钮颜色默认<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
2022-04-08 15:14:53
142
原创 JavaScript--Web APIs学习笔记（三）排他思想
排他思想：首先排除其他，然后再设置自己的样式实例：五个按钮，点击某个按钮，其背景颜色变为粉色，其他按钮颜色默认<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content.
2022-04-08 09:52:28
137
原创 JavaScript--Web APIs学习笔记（二）操作元素实例
备注：样式属性操作① element.style//行内样式操作，适用于样式较少、功能简单的情况② element.className //类名样式操作，适合样式较多或工能复杂的情况。另外className会直接更改元素的类名，会覆盖原先的类名，若要保留则可以多类名选择器JS里面修改style样式操作，产生的是行内样式，css权重低一、密码点击显示输入密码：点击图片显示密码：代码实现：<!DOCTYPE html><html lang="en".
2022-04-07 21:07:31
1391
原创 JavaScript--Web APIs学习笔记（一）基础阶段+获取元素+操作元素
Web APIs与ECMAScript关联 API Web API一、js基础阶段和Web APIs阶段ECMAScript基础语法为后面做铺垫，Web APIs是js的应用，大量使用JS基础语法做交互效果。Web APIs阶段学习DOM和BOM。①BOM：Brower Object Model（浏览器对象模型），改变网页内容结构和样式②DOM：Document Object Model（文档对象模型）API（Application Programming Interface，应用
2022-04-07 15:39:45
289
原创 JavaScript学习笔记（十二）简单数据类型和复杂数据类型
1. 概念简单数据类型：又叫基本数据类型、值类型 如string、number、boolean、undefined、null*简单数据类型null，返回的是空对象object复杂数据类型：又叫引用类型通过new创建的对象（系统对象、自定义对象），如Object、Array、Date等2. 内存分...
2022-04-06 20:11:25
266
原创 JavaScript学习笔记（十一）字符串对象
1. 字符串的不可变指里面的值不可变，虽然看上去可以改变内容，但其实是地址变了，内存中开辟了一个新的内存空间。2.根据字符返回位置：indexOf()字符串的所有方法，都不会修改字符串本身，因为字符串的不可变性，操作会返回一个新的字符串。 //根据字符返回位置 var str2 = ('owdbhjsojhbdobfsueyeiwaaio'); var index = str2.indexOf('o'); ...
2022-04-06 19:52:14
550
原创 JavaScript学习笔记（十）基本包装类型
对象才有属性和 方法，即复杂数据类型才有属性和方法基本包装类型,就是把简单数据类型包装成了复杂数据类型JavaScript提供了三个特殊的引用类型：String、Number、Boolean //基本包装类型,就是把简单数据类型包装成了复杂数据类型 var str = '简单数据类型'; console.log(str.length); //js会把基本数据类型转换成复杂数据类型,相当于: // 1.生成临时变量,把
2022-04-06 16:39:21
106
原创 JavaScript学习笔记（九）数组对象
一、创建数组的两种方式1. 利用数组字面量 //创建数组 // 1.数组字面量 var arr = [1,2,3] console.log(arr[0])2. 利用new Array() //2. 利用new Array() var arr1 = new Array(2);//这个2表示数组长度为2，里面是两个空数组元素 var arr2 = new Array(1,2,3
2022-04-06 15:29:23
214
原创 JavaScript学习笔记（八）内置对象Math、Date
JavaScript中对象分三种：自定义对象、内置对象、浏览器对象内置对象是js语言自带的一些对象，供开发者使用，并提供了一些常用的或是最基本而必要的工能（属性和方法）。最大的优点是帮助快速开发内置对象示例：Math、Date、Array、String一、查文档MDN/W3CMozilla开发者网络（MDN）提供了有关开放网络技术（Open Web）的信息，包括HTML、CSS和万维网及HTML5应用的APIMDN：http://developer.mozilla.org/zh-CN
2022-04-06 11:42:46
607
原创 JavaScript学习笔记（六）预解析
1. js引擎运行js分两步：预解析，代码执行（1）预解析：js引擎把js里所有的var和function提升到当前作用域的最前面（2）代码执行：按照代码书写顺序进行执行2. 预解析分为：变量预解析（变量提升）和函数预解析（函数提升）（1）变量提升，把所有变量声明提升到作用域最前面，但是不提升赋值操作（2）函数提升，就是把所有函数声明提升到当前作用域的最前面，不调用函数如： fun() var fun = function(){ ...
2022-04-01 20:42:03
62
原创 JavaScript学习笔记（五）作用域
作用域就是变量在某个范围内起作用和效果 js作用域(es6)之前：全局作用域、局部作用域 全局作用域：整个script标签，或者是一个单独的js文件 局部作用域：函数内部，在函数内部起效果和作用 js没有块级作用域一、全局变量1. 在全局声明的变量2. *特殊：在函数内部，未声明的 var num = 10 //num是一个全局变量 function fn(){ console.log(num) }
2022-04-01 20:02:24
66
原创 JavaScript学习笔记（四）函数
函数：封装的代码段，让代码方便重复使用 函数的使用：声明函数function和调用函数，调用函数不要忘记小括号 声明函数里面是形参，调用函数里面是实参。形参可以看作不必声明的变量。实参个数多于形参，会取到形参的个数。如果实参个数少于形参，会传入undefined，结果为NaN 函数返回值：return，相当于函数名()=return返回的结果，return之恩那个返回一个值，如果没有return则返回undefined。return也是一个终止函数，return后面的语句不会被执行 使用argume
2022-04-01 17:46:18
720
原创 JavaScript学习笔记（三）数组
创建数组 获取数组元素 数组新增元素 数组案例1. 创建数组1.1 利用new关键字创建数组var arr = new Array()1.2数组字面量创建数组var arr = []2. 获取数组元素数组元素类型没有限制数组索引：下标从0开始，没有这个元素输出undefined数组长度：arr.length3.数组新增元素1修改length长度，新增数组元素2.直接新增元素注意：不要给数组名赋值，会覆盖数组内所有内容 var
2022-04-01 15:55:58
650
原创 JavaScript学习笔记（一）运算符
一、各个运算符运算符（operator），用于实现赋值、比较和执行算术功能的符号。算数运算符：+ - * / % 递增和递减运算符++，-- 比较运算符：>、<、>=、<=、==、!=、===(全等于) 逻辑运算符：&&、||、! 赋值运算符：=、+=、-=、%=、*=1. 算数运算符浮点数计算存在精度问题，是计算机底层问题。所以不要判断两个浮点数是否相等2. 递增和递减运算符分前置递增和后置递增，单独使用一样前置递增先自增在赋.
2022-03-31 19:46:36
267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人