这个培训公司我是真的服气，直接不给我们网了，只能自己开个热点了。

前几天是因为发不了没网，今天把之前没法的都补上

12.3

1.display

可以控制元素是否显示或者隐藏

还可以让块标签和行内标签相互转换

2.块标签/行内标签

块标签：

这个标签自己独立占一行，就算没有使用换行符，也会自动换行，像我们的div,li,,…

块标签可以设置宽度和高度。

行内标签：

不会独立占一行，要使用换行符才会换到下一行。

a,span，input………

行标签不能设置宽度和高度属性

3.display 三个常用的取值

none：隐藏该标签

inline：以行内标签的形式展示该元素

block：以块标签的形式展示该元素

inline-block：行内快标签：不是独立占一行，且可以设置宽高

4.float浮动

float 属性可以让标签飘起来，飘起来之后可以让块标签都占在一行去使用，从而更加方便的网页进行布局操作

clear:取消浮动

f.列表的样式

只需要记住一个就是去除列表的默认样式

设置样式为：list-style-type:none ;即可去除列表默认样式

12.4

补充学习：HTML实体

> ：&gt

< :&lt

空格  -

版权 ©

1.javascript 是一种由浏览器解释执行的编程语言，运行在js引擎上的（浏览器的一部分）。

整个JavaScript由三个部分组成：

ECMAScript JavaScript的语法

BOM 浏览器对象模型

DOM 文档对象模型

2.JavaScript的作用

a.验证数据

（就是B/S架构的系统，在提交数据的时候，我们可以在前台将一些没有意义的数据进行验证，防止他提交到服务器中，比如注册页面中的，非空验证，验证邮箱）

b.他是ajax的核心技术之一

c.可以用来做和用户的交互动作（DOM）

d.可以获取浏览器的信息（BOM）

3.ECMAScript(JavaScript的语法)

JS是一种弱类型的编程语言

3.1 在HTML中如何编写JS代码

我们可以在一个叫做script标签里面去编写

推荐将script标签写在body之后

我们可以在一个叫做.js的文件中去编写，然后通过script标签引入这个js文件到当前的项目中。如果script引入了其他的js文件，那么在这个script标签中不能够再编写js代码。

3.2 JavaScript中的数据类型

一共有2中数据类型

基本数据类型有6种：

字符串（String）、

数字(Number)、

布尔(Boolean)、

对空（Null）（空值有历史遗留的问题，在以前认为null值是Object类型，一直没有修改过来）、

未定义（Undefined）、

js中提供了一个函数可以来获取这个变量是什么类型：typeof();

Symbol（新定义的数据类型，代表独一无二）。

引用数据类型3种：

对象(Object)、数组(Array)、函数(Function)。

3.3JavaScript申明变量

因为JavaScript是一种弱类型的编程语言，在定义变量的时候，它自己会根据变量类型来自己自动转换，所以在JavaScript中定义变量，统一使用var进行定义。

12.5

1、分支语句

JS中分支和java基本上是一样的，也是有if…switch都有，根据我们的java的经验，

switch很少使用，所以我们只学习if语句。

如果if条件中不是没有定义的值就会默认为true,如果变量是未定义和空值和0会默认为false。

2.运算时应注意的地方：

运算时，java类似：注意：运算时true为1；false为0 参加运算与数值运算。

若是以字符串则还是拼接。

一个字符串和数字相乘则为 NaN ：代表是一个非数字。

将字符串转换成数值：var a = “123asdw”;var b =”124fgf”

输出：a+b:parseInt(a)+parseInt(b) = 237;

（整数字符串）parseInt():在转换字符串的时候 从左往右开始转换，遇到不可以转换成数字的字符串 立即终止

（小数字符串）parseFloat()

3.js中常用的输出方法

使用window.alert() 弹出警告框

使用document.write() 方法将内容写到HTML 文档中

使用innerHTML 写入到HTML元素

使用console.log() 写入到浏览器的控制台

4.js中的循环

for while do while

所有的语法都和java一样，也可以使用循环嵌套

使用for循环，输出一个九九乘法表

5.两个关键字

break和continue都是用来控制循环的

break：是结束离他最近那整个循环

continue：是结束离它最近那整个循环的一次循环

6.js中的数组

如何定义数组

1.第一种定义方式

var mycars=new Array();

var 数组的引用=new Array();

2.第二种定义方法

var myCars = new Array(“”,””,””);

var 数组的引用=new Array(“”,””,””);

3.第三种定义方式

var myCars = [“”,””,””];

var 数组的引用=[“”,””,””];

如何给数组进行赋值：数组的引用[下标]

12.6

1.js中数组常见的API

删除数组的最后一个元素—pop()

数组的末尾添加新的元素---push()

删除数组的第一个元素-----shift()

直接输出数组的引用是调用其tostring方法，即以字符串的形式输出。

通过push和pop组合，我们可以模拟出先进后出的数据结构：栈。

通过push和shift组合，我们可以模拟出先进先出的数据结构：队列。

例：定义一个数组，向数组中添加五个值，然后分别使用pop遍历，shift遍历

2.函数（方法）

1.如何定义方法

function 方法名（参数。。。）{

方法体内容

}

·1.js中的方法没有返回值类型

·2.js中的方法参数不要写类型，直接写参数名

如果调用这个方法，需要有返回值就在方法的后面使用return关键字。

return 可以返回值，同时结束方法的执行

js中方法的使用，大部分是通过实践驱动的形式去进行执行的

如果在定义变量的时候没有var，则访问一次后就会变成全局变量。

12.7

1.js无函数的重载

但是可以通过js中参数数组来模拟重载

function add(){

//这个数组里面他封装了调用这个函数所传递的参数

//都会封装到这个arguments数组里面

//arguments

if(arguments.length==2){

alert(arguments[0]+arguments[1]);

}

if(arguments.length==3){

alert(arguments[0]+arguments[1]+arguments[2]);

}

2.DOM文档对象模型

通过DOM对象，JS可以对页面做任何操作，如下

JavaScript能够改变页面中的所有HTML元素

JavaScript能够改变页面中的所有HTML属性

JavaScript能够改变页面中的所有CSS样式

JavaScript能够对页面中的所有事件作出反应

3.通过DOM提供的方法，查找页面元素

通常使用下面3中方式来对页面的元素进行查找

3.1通过id找到HTML元素

document.getElementById(“元素的id属性名)

查找之后，返回值是对应id的HTML远古三

3.2 通过标签名找到HTML元素

document.getElementsByTagName(“元素的标签名”)

查找之后，返回值是对应标签的一个<数组>！！

3.3通过类名找到HTML元素

document.getElementsByClassName(“元素的类名”);

查找之后，返回值是对应标签的一个<数组>！！！

4.通过dom来响应事件

this关键字：代表当前被点击的按钮

this.innerText:代表当前被点击的按钮的内容

5.DOM操作

1.添加节点

创建文本

document.createElement(“节点的名字”);

12.10

1.DOM操作

修改节点

replaceChild(new ,old);

2.innerHTML,innerText

他们不属于DOM，他们是浏览器提供的属性，一般大部分的浏览器都兼容上面的2个属性，通过上面的2个属性，可以简化我们的DOM编程。

innerHTML:获取标签和文本

innerText:获取文本，不能获取标签，写入的时候会把便签当成文本写入

2个属性可以用来拼接字符串

3.js去修改css样式

语法格式为：

document.getElementById(“”).style.property=新样式

要修改的元素.style.某一个样式属性=新的值

比如前背景色

要修改的属性.style.color = 新的颜色

checked属性：

true:被选中

false:没有选中

4.表单验证

表单的作用是收集用户填写的数据，然后提交给服务器，在提交给服务器之前，我们最好在前台就对表单的数据进行一下简单的前端验证，不应该将所有的数据交给后台来做，这个增加了后台的压力，也增多了前后台交互的次数，我们尽可能在前台做的事情，尽量在前台完成，虽然前台完成了，后台还是要做一次验证。

表单在提交的时候，会触发一个事件，叫做onsubmit

这个事件，决定是否提交给服务器，如果在这事件后面返回为false则不提交，true则提交给服务器。

5.appendChild

以前使用它进行追加节点的操作，这个方法除了追加节点还有一个剪切的特性。

12.11

1.下拉列表

我们的下拉列表默认情况下只能单选，我们可以添加属性，可以实现多选操作，如何判断下拉列表是否选中，有一个selected属性，如果这个属性值为true，那么代表就选中了哪一个option.

实现多选，在select中追加属性multiple为true ，则就可以实现多选了。

2.数组（多维数组）

多维数组就是数组里面的元素还是数组。

一般常见的就是二维数组。

如何定义多维数组

var arr = new Array();

arr[0] = [“合肥”,”安庆”,”芜湖”,”六安”];

arr[1] = [“北京”,”故宫”,”天安门”,”中关村”];

多维数组如何取值

arr[0][1]:合肥

arr[1][2]:天安门

java学习之路————第三十六天