07 2020 档案
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：## 面向对象 面向过程 类 ## 对象 【键值对，属性名，属性值】 ## 创建对象 ## 1.字面量创建对象 根据特征 var obj = { name:'aa', fn:function(){} } console.log(obj.name); obj.fn(); 缺点： 不适合创建大量对象，会
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码效果： 窗口扩大、缩小，滚动条上下、左右移动，盒子都居中显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：## 事件基础 元素.事件类型 = function(形参){ 注：事件函数中的形参 代表 该元素发生事件的事件对象 ，一般事件做兼容 var 事件兼容名 = event || 形参 } 元素.事件类型 = 函数名 事件关键字：event【只要发生事件，就有event】 ## 事件中的部分属性 cl
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：## BOM 由 Browser Object Model（浏览器对象模型） 简写而来 ，它提供了很多对象，用于访问浏览器的功能，没有规范，BOM的核心是window。所有浏览器都支持window对象，在浏览器中，window对象有双重角色，他是通过Javascript访问浏览器的一个接口，又是EC
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：## DOM操作 document object model 文档对象模型 操作节点，标签 ## 获取子元素 1.childNodes 子节点（包含文本节点） 父元素.childNodes; 2.children 子节点（不包含文本节点） 父元素.children; ## 获取父元素 1.paren
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：## 创建数组 1.字面量创建 var arr = [1,2,3,4] 2.构造函数创建 var arr1 = new Array(1,2,3,4) 注：数组中的数据类型可以是六大类型中的任意一种 ## 数组方法 1. length 长度 可以使用for循环 2.数组添加删除【首尾】 pop与pus
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：## 对象 时间对象 字符串对象 ## 对象 抽象化 window对象 Math数学对象 对象：万物皆对象 字面量 var str = ''; 构造函数式 var str1 = String('dddd') 凡是出现了new关键字，类型就是特殊的对象类型 ## 时间对象 获取现在时间 new Dat
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：间歇定时器示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D
阅读全文
摘要：## 定时器 数学方法 ## 定时器 1.延时定时器 setTimeout 只执行一次 使用场景：页面小广告 格式： 1s = 1000ms setTimeout(function(){ 执行代码块 },时间/ms) 清延时定时器：clearTimeout(延时定时器名字) 2.间歇定时器 setI
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：## 函数 作用域 预解析 return返回值 ## 作用域 1.全局作用域 [在脚本内，函数体外的作用域] 2.局部作用域 [函数中叫做局部作用域] ## 变量 var 1.全局变量 【在任何地方都能被查找被修改被使用】 2.局部变量 【在函数中被 声明 出来的变量】特点： 只能在局部作用域使用
阅读全文
摘要：代码（两种方法） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
阅读全文
摘要：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：主要内容： this的使用方法 和 函数的简单介绍 ## this this: 谁用他 他指谁 ## 自定义属性 某个元素上自己定义属性 ## 自定义索引/下标 给每个元素添加自定义索引 赋值 ## 函数 普通函数 由事件驱动的或者当它被调用时执行的可重复使用的代码块。 函数名起名规则 与 变量名
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：## 流程控制语句 if条件判断 格式： if(条件){ 条件成立时执行 } if-else条件判断 格式： if(条件){ 条件成立时执行； }else{ 条件不成立时执行； } if-else多种条件判断 格式： if(条件1){ 条件1成立时执行 }else if(条件2){ 条件2满足时执行
阅读全文
摘要：## 数据类型 六种 基本数据类型： 1.number 数字型 2.string 字符串 3.boolean 布尔型 4.undefined 只声明未赋值 5.null 空 引用数据类型/复杂数据类型： 6.object 对象【array function object】 检测数据类型方法：type
阅读全文
摘要：## js的使用 1.行内 onclick 点击事件 alert弹出警示框 【不推荐】 2.内嵌式 script标签 放置两个位置： 1. head标签中 2.body标签结束前 3.外链式 将js作为外链引入,script标签，利用src属性将地址写入,一旦该标签内含有src属性，该标签内将不能再
阅读全文
