aizishen7742-CSDN博客

转载 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 105

转载 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 483

转载 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 167

转载 8.图片切换

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 &lt...

2019-02-24 18:13:00 79

转载 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 57

转载 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 90

转载 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 73

转载 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 78

转载 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 218

转载 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 51

转载 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 83

转载第1章DOM详解

1.1DOM案例　　　　0.显示二维码　　　 1.禁用文本框和获取失去焦点输入事件。　　　 2.表单处理。Input取值赋值和select选水果。　　 3.验证账号密码，高亮显示。 4.全选反选1.1属性获取修改和删除（属性绑定）　　1.teb栏。（排他思想）（简单写法和兼容写法）　　...

2019-02-21 12:26:00 87

转载第12章 DOM概述

1.1解析过程　　HTML加载完毕，渲染引擎会在内存中把html文档，生成一个DOM树是获取内中DOM上的元素。然后操作的时候修改的是该元素的属性1.2DOM (文档对象模型) 　　 document是文档对象模型的一部分 DOM是一个复合的数据类型。　　　　1.3DOM的数据结构（树状）　　　　1.4...

2019-02-08 23:21:00 96

转载第11章事件

1.1概述　　　　　　　　JS是以事件驱动为核心的一门语言。1.2事件三要素　　　　　　　　　事件源、事件、事件驱动程序。三句话：获取事件源、绑定事件、书写事件驱动程序。获取事件源：document.getElementByI...

2019-02-06 22:28:00 47

转载第10章数组高级API

1.1学习API的方法1.1.1侧重点（四点）　　调用者：谁调用的。参数：有无，几个。　　返回值：有无，什么类型。功能：干什么用的。　　一、离线　　　　a)离线文档（讲师发）　二、在线 a)W3C （前端标准W3CSchool）　　　b)MDN （开发者网站）https://develo...

2019-02-01 16:41:00 50

转载第9章对象和面向对象

1.1JS中的对象（Object）1.1.1创建空白对象 var obj = new Object();1.2构造函数（就是为了创建对象实例）　　　　　　一、可以创建对象实例的函数。　　　　　二、区别与普通函数，首字母大写。1.3创建自定义对象1.3.1This ...

2019-01-25 11:34:00 62

转载第8章函数基础

1.1函数概述1.1.1什么是函数函数就是可以重复执行的代码块。1.1.2为什么要用函数　　　　因为一部分代码使用次数可能会很多，所以封装起来，需要的时候调用就可以了。　　　　　　案例：求和；（总是求和）1.2函数的定义关键字function。 function 函数名 () { ...

2019-01-24 17:45:00 46

转载第7章数组

7.1数组的概述7.1.1为什么学习数组之前学习的数据类型，只能存储一个值。（字符串为一个值）我们想存储多个值的时候可以使用数组。（字符串不方便）比如：存储班级中所有学生的姓名。（[“张三”,“李四”,“王五”]）7.1.2数组是什么数组是一种数据类型。（把很多数据装入一个盒子中，用的时候在取出来）字面量为[1,2,3]。可以理解为：西瓜皮[]，...

2019-01-22 16:54:00 66

转载小飞鸟小游戏

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8...

2019-01-22 11:47:00 152

转载网页特效（旋转木马轮播图）

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 181

转载网页特效（瀑布流布局）

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 57

转载表单验证

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 118

转载密码强度

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 136

转载第6章流程控制

一、顺序结构（程序正常执行流程从上往下，从左往右）（不用研究）赋值运算时为从右往左执行，且左侧为属性或变量，不取值！！！二、选择结构　　a)If语句　　b)Switch语句三、循环结构　　　 a)for循环　　　b)while循环　　　c)do...while循环6.1循序结构程序正常执行顺序不必过多研究...

2019-01-17 20:19:00 42

转载第5章操作符

主要研究操作符的种类以及优先级。案例学习。5.1操作符种类　　一、算数运算符（+-*/...）　　　　a)一元运算符：正号、负号、++、--、平方等一个变量就能运算 b)二元运算符：+-*/%等两个变量才能运算 c）三元运算符：值1？值2：值3；二、逻辑运算符（||&&！）与或非三、比较运算符（<、&g...

2019-01-17 18:11:00 43

转载第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 49

转载第3章数据类型

3.1数据类型划分使用关键字typeof：查看方法 typeof name 或者 typeof(name)3.1.1简单数据类型（值类型）四种：字符串　　　　数字　　　　布尔　　　未定义　　空　　　　　String 　　Number Boolean 　　unde...

2019-01-17 16:46:00 52

转载第2章变量

2.1命名规则驼峰命名规则：getElementById/matherAndFather/aaaOrBbbAndCcc　　　　　遵从规则： 1、变量名必须以字母或是下标符号“_”或者“$”为开头。　　　　　　 2、变量名长度不能超过225个字符。　　　　　　3、变量名中不允许使用空格，首字不能为数字。　...

2019-01-17 15:28:00 57

转载第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 43