12.3

e.

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

空格         &nbsp;-

版权         &copy;

 

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]:天安门