标题标签和水平线标签和特殊标签

- 水平线标签 <hr/>

- 属性

** size：水平线的粗细

** color ：颜色

- 特殊字符

- 列表标签

-<dl></dl>

<ol></ol>有序列表的范围

属性 type：设置排序方法默认（123），

在ol的标签里面<li>具体内容</li>

标题标签，水平标签和特殊字符

1.标题标签

<h1></h1> <h2></h2>............

2.水平线标签

<hr/>

路径：绝对路径和相对路径

超链接标签

1.链接资源： <a herf="链接资源的路径"> 显示在页面上的内容 </a>

2.定位标签：

如果想要定位资源：定义一个位置

表格标签

可以对数据进行格式化，是数据显示更加清晰

<table></table>:表示数据的范围

框架标签

-rows:按照行进行划分

-cols:按照列进行划分

css和html的结合方式

1.在每个hml标签上都有一个属性，style，把css和html结合在一起

2.使用html的<style>标签

css的选择器

基本选择器：

class：.

id：#

js的原始数据类型：

- string ：字符串

*** var str = "abc";

- number ：数字类型

***var m = 123;

- boolean ：true和false

***var flag = true;

- null

*** var date = new Date();

***获取对象的引用，null表示对象引用为空，所有的对象的引用也是object

- undifined

***定义一个变量，但是没有赋值

***var aa；

**typeof();查看当前的数据类型

js的语句

- java中的语句

**if判断

**switch语句

**循环语句：for while do-while

-js里面的语句

**if判断语句：

var a = 5；

if （a == 5）{

alert（a=5）}

else {

alert（a=6）

}

** switch语句：

- java里面支持数据类型从jdk1.7开始支持string

-js中都支持

** 循环语句

-while：

-for 循环

*** int换称var

js的运算符

** += ； x+=y ； ==> x=x+y；

**js中不区分整数和小数

** 字符串的操作

相加：**相加时做的是字符串连接

相减：**想减，做的就是相减的运算

455

如果str=abc；提示NaN：表示不是一个数字

**boolean类型也可以进行相加相减的操作

设置成true，这个值为1；

设置成false，这个值为0；

** == 和 ===的区别

== 比较的是值

=== 比较的是类型和值

**引入知识

直接向页面输出的语句（可以把内容显示在页面上）

js的数组

** 什么是数组？

-使用变量， var m = 10；

-Java中的数组定义 int [] arr = {1,2,3};

**定义方法（三种）

第一种： var arr = [1，2，3]； var arr = {1，2，3}；

第二种：使用内置对象 Array对象

var arr1 = new Array（5）；//定义一个数组，数组的长度是5

arr1[0] = “1”；

第三种：

使用内置对象Array

var arr2 = new Array（3，4，5）；//定义一个数组

js的函数

**在Java中定义方法

**在js中定义函数有三种方法

第一种方式

*****关键字 function

***** function 方法名（参数列表） {

方法体;

返回值可有可无（根据实际需要）

js的String对象

**创建一个String对象

***var str = “abc”；

**方法和属性

***属性 length：字符串的长度

***方法

（1）与HTML相关的方法：

-bold（）：加粗

-findcolor（）：设置字符串的颜色

-findsize（）：设置字体的大小

-link（url）：将字符串显示为超链接

-sub和sup：

（2）与Java相似的方法：

-contect（）：连接字符串

-charAt（）：返回指定位置的字符串

-indexOf（）：返回一个字符串的位置

-split（）：切分字符串

-replace（）：替换字符串

js的Array

***创建数组（三种）

属性：length：查看数组长度

方法：

-concat（）方法：连接数组

-join（）方法：分割字符串

-push（）方法：向数组末尾添加元素，返回数组的新的长度

如果我们添加的是一个数组，这个时候把数组当成一个整体添加进去

-pop()方法：删除最后一个元素并返回删除的哪个元素

-reverse（）：颠倒数组中元素的顺序

js的Date对象

***在Java中获取当前的时间

Date date = new Date（）；

//格式化

js的math对象

数学的运算

Math.方法

-ceil（x）；

-floor（x）；

-round（x）；

js的重载

***重载：方法名相同，参数不同

***重写：子类父类有相同的方法名也有相同的参数

js的重载是否存在：不存在

但是可以通过其他的方法模拟重载（argument）

js的bom对象

***bom ：broswer object model：浏览器对象模型

有哪些对象？

navigator：获取客户机的信息（获取浏览器的信息）

screen

location

history

window（重点）：

*窗口对象

*顶层对象（所用的bom对象都是在window里面操作的）

**方法

——window.alert（）；页面弹出框，显示内容

——window.confirm（）；确定

——window.close ();关闭窗口（浏览器兼容性比较差）

——做定时器

** setInterval("js代码"，毫秒数)

window.setInterval("alert('123')",3000)

** setTimeout()

js的dom对象

*dom ：document object model :文档对象模型

***文档：超文本文档(超文本标记文档) html ，xml

***对象：提供了属性和方法

***模型：使用属性和方法操作超文本标记型文档

****可以使用js中的dom里面提供的对象，使用这些对象的属性和方法，对标记型文档进行操作

****想要对标记型文档进行操作，首先需要，对标记型文档里面的内容封装成对象

——需要把html里面的标签，属性，文本内容都封装成对象

****要想对标记型文档进行操作，解析标记型文档

***解析过程

根据html的层级结构，在内存中分配一个树形结构，需要把每部分封装成对象

dom的发展历史

****DHTML：是很多技术的简称

**html:封装数据

**css：使用属性和属性值设置样式

**dom：操作html文档（标记型文档）

**javascript：专门指js的语法语句

document对象

*表示整个的文档

***常用方法

——write：

——getElementById（）；

——getElementsByName（）；

——getElementByTagName（“标签名称”）；

注意：

2.元素对象（element对象）

*** 要操作element对象，首先要获取到element，

——使用document里面的相应的方法获取

*** 方法

****** 获取属性里面的值

getAtttribute

xml简介

可扩展标记型语言

** 标记型语言： html也是标记型语言

也是使用标签来操作

**可扩展：

——html里面的标签是固定，每个标签都有特定的含义

——标签可以自己定义，可以写中文的标签 <person></person> <猫></猫>

xml的用途：

**html是用于显示数据，xml也可以显示数据（不是主要功能）

**xml主要功能，为了存储数据

**xml是W3C组织发布的技术

**xml有两个版本 1.0 1.1

——使用都是1.0版本（1.1版本不能向下兼容）

xml的应用

*不同系统之间传输数据

——*qq之间数据的传输

*用来表示生活中有关系的数据

*经常用在配置文件中

——*比如现在连接数据库，肯定知道数据库的用户名和密码，数据名称

——*如果修改数据库的信息，不需要修改源代码，只要修改配置文件就可以了

xm的语法

（1）xml的文档声明（***）

*创建一个文件，后缀名是.xml

*如果写xml，第一步，必须要有一个文档声明（写了文档声明之后，表示写xml文件的内容）

** <?xml verson="1.0" encoding = "gdk"?>

***文档声明必须写在第一行第一列

*属性

- version ：xml的版本 1.0 1.1

- encoding： xml编码 gbk utf-8 ios8859-1（不包含中文）

- standalone：是否需要依赖其他文件 yes/no

*xml的中文乱码问题解决

画图解释：

怎么做？

（2）定义元素（标签）（***）

（3）定义属性（***）

（4）注释（***）

（5）特殊字符（***）

（6）CDATA区（了解）

（7）PI指令（了解）

xml的元素（标签）定义

**标签定义

**标签的定义有开始必须要有结束<person></person>

**标签没有内容，可以在标签内结束；<aa/>

**标签可以嵌套，必须合理嵌套

***合理嵌套<aa><bb></bb></aa>

***不合理嵌套 <aa><bb></aa></bb>；不正确的嵌套

**一个xml中，只能有一个根标签，其他的标签都是这个标签下面的标签

**在xml中把空格和换行都当成内容来解析

** xml中的命名规则

（1）xml代码区分大小写

<p><P>:不一样

（2）xml标签不能以数字和下划线开头（_）

（3）xml不能以xml，XML，Xml等这些开头

（4）xml的标签不能包含空格和冒号

<a b> <b:c>:都是错误的

xml中属性的定义

*html是标记型文档，可以有属性

*xml也是标记型文档，可以有属性

*<person id1=”aaa“ id2=”bbb“></person>

**属性定义的要求

（1）一个标签上可以有多个属性

(2) 属性名称不能相同

<person id1="aaa" id1= "bbb"></person>这个是不正确的

（3）属性名称和属性值之间使用=，属性值使用引号包起来（可以是单引号，也可以是双引号）

（4）xml属性的名称规范和元素的名称规范一致

xml的注释

**注意的地方

注释不能嵌套

注释也不能放第一行，第一行第一列必须放xml的文档声明

xml的特殊字符

转义字符

< <

> >

CDATA区

*可以解决多个字符都需要转义的操作

*把这些内容放到CDATA区，不需要转义了

**写法

<![ CDATA [ 内容 ] ]>

**把特殊字符当作文本内容，而不是标签

PI指令（处理指令）

*可以在xml中设置样式

* 写法：

对中文标签不起作用

debug的调试模式（断电调试模式）

*使用这种模式，调试程序（看到程序里面数据的变化）

*使用debug第一步，需要来设置一个断点（让程序运行停止在这一行）

*显示出行号，双击左边，出现一个圆点，表示设置了一个断点

*使用debug as 方式，来运行程序

——提示是否进入调试界面，yes

——在断点哪一个，有一个绿色条，表示没有向下运行

*可以让程序向下执行，使用step over 快捷键是F6（单步执行)

junit的使用

*单元测试

*测试对象是一个某一个类中的方法

*juint 不是javase的一部分，想要使用导入jar包

*但是idea和myeclipse自带

*首先juint版本 3.x 4.x

*首先测试方法时候，方法命名规则 public void 方法名（不能加参数）{ }；

*1.使用注解方法运行测试方法，在方法上面写一个 @Test ，表示方法进行单元测试

*2.@Ignore：表示这个方法不进行单元测试

*3@Before：在每个测试方法之前运行

*4@After：在每个测试方法之后运行

*断言（了解）

静态导入（了解）：

*可以在代码里里面，直接使用静态导入方式，导入静态方法或者常量

*import static xx.xx.xxx

java web