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

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

 

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

 

 

 

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实体

>   ：>

<       :<

空格          -

版权         ©

 

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