- 博客(152)
- 收藏
- 关注
转载 11.value和innerHTML和inerText
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <!--...
2019-02-24 18:16:00
202
转载 10.美女相册
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 ...
2019-02-24 18:15:00
387
转载 9.显示和隐藏盒子
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 button { 8 ...
2019-02-24 18:14:00
428
转载 8.图片切换
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <...
2019-02-24 18:13:00
123
转载 7.节点的属性
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 window.onload = ...
2019-02-24 18:12:00
103
转载 6.节点的访问关系和操作
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <div...
2019-02-24 18:09:00
131
转载 5.dom概述
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <di...
2019-02-24 17:57:00
126
转载 4.京东狗
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 //window.onload页...
2019-02-24 17:45:00
113
转载 3.关闭京东广告栏
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 * { 8 ...
2019-02-24 17:42:00
321
转载 2.onload事件
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <!--...
2019-02-24 17:40:00
121
转载 1.事件的拓展
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 div { 8 ...
2019-02-23 16:23:00
94
转载 第1章DOM详解
1.1DOM案例 0.显示二维码 1.禁用文本框和获取失去焦点输入事件。 2.表单处理。Input取值赋值和select选水果。 3.验证账号密码,高亮显示。 4.全选反选1.1属性获取修改和删除(属性绑定) 1.teb栏。(排他思想)(简单写法和兼容写法) ...
2019-02-21 12:26:00
102
转载 第12章 DOM概述
1.1解析过程 HTML加载完毕,渲染引擎会在内存中把html文档,生成一个DOM树 是获取内中DOM上的元素。然后操作的时候修改的是该元素的属性1.2DOM (文档对象模型) document是文档对象模型的一部分 DOM是一个复合的数据类型。 1.3DOM的数据结构(树状) 1.4...
2019-02-08 23:21:00
97
转载 第11章 事件
1.1概述 JS是以事件驱动为核心的一门语言。1.2事件三要素 事件源、事件、事件驱动程序。 三句话:获取事件源、绑定事件、书写事件驱动程序。 获取事件源:document.getElementByI...
2019-02-06 22:28:00
105
转载 第10章 数组高级API
1.1学习API的方法1.1.1侧重点(四点) 调用者:谁调用的。 参数:有无,几个。 返回值:有无,什么类型。 功能:干什么用的。 一、离线 a)离线文档(讲师发) 二、在线 a)W3C (前端标准W3CSchool) b)MDN (开发者网站)https://develo...
2019-02-01 16:41:00
106
转载 第9章 对象和面向对象
1.1JS中的对象(Object)1.1.1创建空白对象 var obj = new Object();1.2构造函数(就是为了创建对象实例) 一、可以创建对象实例的函数。 二、区别与普通函数,首字母大写。1.3创建自定义对象1.3.1This ...
2019-01-25 11:34:00
116
转载 第8章函数基础
1.1函数概述1.1.1什么是函数 函数就是可以重复执行的代码块。1.1.2为什么要用函数 因为一部分代码使用次数可能会很多,所以封装起来,需要的时候调用就可以了。 案例:求和;(总是求和)1.2函数的定义 关键字function。 function 函数名 () { ...
2019-01-24 17:45:00
97
转载 第7章 数组
7.1数组的概述7.1.1为什么学习数组之前学习的数据类型,只能存储一个值。(字符串为一个值)我们想存储多个值的时候可以使用数组。(字符串不方便)比如:存储班级中所有学生的姓名。([“张三”,“李四”,“王五”])7.1.2数组是什么数组是一种数据类型。(把很多数据装入一个盒子中,用的时候在取出来)字面量为[1,2,3]。可以理解为:西瓜皮[],...
2019-01-22 16:54:00
81
转载 小飞鸟 小游戏
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8...
2019-01-22 11:47:00
139
转载 网页特效(旋转木马轮播图)
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>旋转木马轮播图</title> 6 <link rel="stylesheet" href="css/...
2019-01-21 11:11:00
670
转载 网页特效(瀑布流布局)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 * { 8 ...
2019-01-19 16:48:00
156
转载 表单验证
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <style type="text/...
2019-01-19 14:57:00
93
转载 密码强度
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>密码强度</title> 6 </head> 7 <style type="te...
2019-01-19 14:55:00
114
转载 第6章 流程控制
一、顺序结构(程序正常执行流程从上往下,从左往右)(不用研究) 赋值运算时为从右往左执行,且左侧为属性或变量,不取值!!!二、选择结构 a)If语句 b)Switch语句三、循环结构 a)for循环 b)while循环 c)do...while循环6.1循序结构 程序正常执行顺序不必过多研究...
2019-01-17 20:19:00
122
转载 第5章 操作符
主要研究操作符的种类以及优先级。案例学习。5.1操作符种类 一、算数运算符(+-*/...) a)一元运算符:正号、负号、++、--、平方等一个 变量就能运算 b)二元运算符:+-*/%等两个变量才能运算 c)三元运算符:值1? 值2:值3; 二、逻辑运算符(||&&!)与或非 三、比较运算符(<、&g...
2019-01-17 18:11:00
60
转载 第4章 数据类型转换
一、转换成字符串类型二、转换成数值类型三、转换成布尔类型4.1任何简单类型转换成String(三种方法)4.1.1变量+“” 或者 变量+“abc”4.1.2String(变量)4.1.3变量.toSting() 注意:undefined和null不可以 Null和undefined无toString方法...
2019-01-17 17:31:00
93
转载 第3章 数据类型
3.1数据类型划分 使用关键字typeof:查看方法 typeof name 或者 typeof(name)3.1.1简单数据类型(值类型) 四种: 字符串 数字 布尔 未定义 空 String Number Boolean unde...
2019-01-17 16:46:00
86
转载 第2章 变量
2.1命名规则 驼峰命名规则:getElementById/matherAndFather/aaaOrBbbAndCcc 遵从规则: 1、变量名必须以字母或是下标符号“_”或者“$”为开头。 2、变量名长度不能超过225个字符。 3、变量名中不允许使用空格,首字不能为数字。 ...
2019-01-17 15:28:00
88
转载 第1章 JS概述
1.1JS作用 1.验证表单(以前的网速慢) 2.页面特效(PC端的网页效果) 3.移动端(移动web和app) 4.异步和服务器交互(AJAX) 5.服务端开发(node.js)1.2浏览器工作原理1.3弱类型脚本语言(解释型语言,解析执行与编译执行) 1.3.1解析执行与编...
2019-01-16 18:09:00
83
转载 数组demo
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 17:28:00
80
转载 构造函数原理
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 17:21:00
152
转载 数组练习
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <...
2019-01-16 17:20:00
233
转载 清空数组
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 17:19:00
132
转载 数组的API方法遍历
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 17:08:00
263
转载 给元素查索引
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 17:06:00
111
转载 数组的反转和排序
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <scri...
2019-01-16 17:00:00
163
转载 数组的添加和删除
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 16:59:00
115
转载 为数组和arguments
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 16:58:00
107
转载 复习数组和简单api
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 16:56:00
73
转载 内置对象
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script&g...
2019-01-16 16:44:00
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人