摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 20:37
石海莹
阅读(145)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 20:34
石海莹
阅读(179)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 20:32
石海莹
阅读(128)
推荐(0)
摘要:
代码效果: 窗口扩大、缩小,滚动条上下、左右移动,盒子都居中显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
阅读全文
posted @ 2020-07-09 20:26
石海莹
阅读(200)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 20:19
石海莹
阅读(233)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 20:16
石海莹
阅读(484)
推荐(0)
摘要:
## 事件基础 元素.事件类型 = function(形参){ 注:事件函数中的形参 代表 该元素发生事件的事件对象 ,一般事件做兼容 var 事件兼容名 = event || 形参 } 元素.事件类型 = 函数名 事件关键字:event【只要发生事件,就有event】 ## 事件中的部分属性 cl
阅读全文
posted @ 2020-07-09 20:10
石海莹
阅读(176)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 20:04
石海莹
阅读(221)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 20:00
石海莹
阅读(269)
推荐(0)
摘要:
## BOM 由 Browser Object Model(浏览器对象模型) 简写而来 ,它提供了很多对象,用于访问浏览器的功能,没有规范,BOM的核心是window。所有浏览器都支持window对象,在浏览器中,window对象有双重角色,他是通过Javascript访问浏览器的一个接口,又是EC
阅读全文
posted @ 2020-07-09 19:51
石海莹
阅读(156)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-09 19:47
石海莹
阅读(312)
推荐(0)
摘要:
## DOM操作 document object model 文档对象模型 操作节点,标签 ## 获取子元素 1.childNodes 子节点(包含文本节点) 父元素.childNodes; 2.children 子节点(不包含文本节点) 父元素.children; ## 获取父元素 1.paren
阅读全文
posted @ 2020-07-09 19:41
石海莹
阅读(216)
推荐(0)
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2020-07-03 14:26
石海莹
阅读(208)
推荐(0)
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2020-07-03 14:25
石海莹
阅读(173)
推荐(0)
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2020-07-03 14:24
石海莹
阅读(185)
推荐(0)
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2020-07-03 14:23
石海莹
阅读(155)
推荐(0)
摘要:
## 创建数组 1.字面量创建 var arr = [1,2,3,4] 2.构造函数创建 var arr1 = new Array(1,2,3,4) 注:数组中的数据类型可以是六大类型中的任意一种 ## 数组方法 1. length 长度 可以使用for循环 2.数组添加删除【首尾】 pop与pus
阅读全文
posted @ 2020-07-03 14:22
石海莹
阅读(178)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 14:14
石海莹
阅读(176)
推荐(0)
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2020-07-03 14:12
石海莹
阅读(146)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 14:10
石海莹
阅读(447)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 14:09
石海莹
阅读(195)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 14:07
石海莹
阅读(189)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 14:02
石海莹
阅读(208)
推荐(0)
摘要:
## 对象 时间对象 字符串对象 ## 对象 抽象化 window对象 Math数学对象 对象:万物皆对象 字面量 var str = ''; 构造函数式 var str1 = String('dddd') 凡是出现了new关键字,类型就是特殊的对象类型 ## 时间对象 获取现在时间 new Dat
阅读全文
posted @ 2020-07-03 13:58
石海莹
阅读(175)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:50
石海莹
阅读(274)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:47
石海莹
阅读(244)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:45
石海莹
阅读(151)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:43
石海莹
阅读(169)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:38
石海莹
阅读(175)
推荐(0)
摘要:
间歇定时器示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D
阅读全文
posted @ 2020-07-03 13:34
石海莹
阅读(227)
推荐(0)
摘要:
## 定时器 数学方法 ## 定时器 1.延时定时器 setTimeout 只执行一次 使用场景:页面小广告 格式: 1s = 1000ms setTimeout(function(){ 执行代码块 },时间/ms) 清延时定时器:clearTimeout(延时定时器名字) 2.间歇定时器 setI
阅读全文
posted @ 2020-07-03 13:31
石海莹
阅读(173)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:27
石海莹
阅读(221)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:23
石海莹
阅读(246)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:21
石海莹
阅读(291)
推荐(0)
摘要:
## 函数 作用域 预解析 return返回值 ## 作用域 1.全局作用域 [在脚本内,函数体外的作用域] 2.局部作用域 [函数中叫做局部作用域] ## 变量 var 1.全局变量 【在任何地方都能被查找被修改被使用】 2.局部变量 【在函数中被 声明 出来的变量】特点: 只能在局部作用域使用
阅读全文
posted @ 2020-07-03 13:19
石海莹
阅读(155)
推荐(0)
摘要:
代码(两种方法) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
阅读全文
posted @ 2020-07-03 13:16
石海莹
阅读(328)
推荐(0)
摘要:
代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
阅读全文
posted @ 2020-07-03 13:14
石海莹
阅读(211)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:11
石海莹
阅读(181)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:07
石海莹
阅读(205)
推荐(0)
摘要:
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
posted @ 2020-07-03 13:02
石海莹
阅读(214)
推荐(0)