原样输出标签

-#hehe{

Background-color:

#333300;

}

****优先级

Style>id选择器>Class选择器>标签选择器

4、css的扩展选择器

***关联选择器

*

*设置div标签里面的P标签，嵌套标签里面的样式

*divp{

Background-color:

green;

}

***组合选择器

*

2222

*把div和p标签设置成相同的样式，把不同的标签设置相同的样式

*div,p{

Background-color:

orange;

}

***伪元素选择器

*css里面提供了一些定义好的样式，可以拿过来使用

*比如超链接

**超链接的状态

原始状态鼠标放上去的状态点击点击之后

:

link:

hover:

action:

visited

记忆的方法：

lvha

5、css的盒子模型

****在进行布局前需要把数据封装到一块一块的区域内（div）

（1）边框

Border:

1pxsolidblue;互性–信息的动态交互。

2.安全性-js不能访问本地磁盘的文件。

3.跨平台性-只能支持js的浏览器，都可以运行。

**javascript和java的区别

1.java是sun公司，现在是oracle；Js是网景公司。

2.Javascript是基于对象的，java是面向对象的

3.Java是强类型语言，js是弱类型语言。

4.Javascript只需解析就可以执行，而java需要编译和解译才能执行。

Js的组成（3部分）

**ECMAScript:

ECMA:

欧洲计算机协会制定的js语法和语句。

**Bom：

浏览器对象模型。

**Dom:

文档对象模型。

1、js和html的结合方式（2种）

*第一种：

使用一个标签js代码；

*第二种：

使用script标签，引入一个外部js文件

***创建一个js文件，写js代码

----。

2、js的原始类型和声明变量

**java的基本数据类型byteshortintlongfloatdoublecharBoolean

**定义变量都使用关键字var

**js的原始类型有（5个）

-----string:

字符串*varstr=”adc”;

-----number:

数字类型*varm=123;

----boolean:

true和false*varflag=ture;

--null***vardata=newData（）;

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

----undifined***定义一个变量，没有赋值。

varaa;

****typeof（）;查看当前变量的数据类型。

3、js的语句

-java里面的语句

**if判断**switch语句**forwhiledo-while

4、js的运算符

**+=:

x+=y;===x=x+y;

**js里面不区分整数和小数。

varj=123;

alert（j/1000*1000）;

alert（str-1）;提示：

NaN：

表示不是一个数字

****Boolean类型也可以操作

**如果设置成true，相当于这个值是1.

**如果设置成false，相当于这个值是0.

**==和===的区别：

***做判断时

******==:

比较的只是数值。

*****===:

比较的是数值和类型。

***/***引入知识

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

**（“aaaa”）;

（“

**可以向页面输出变量，固定值和html代码。

5、js的数组

*定义方式（3种）

-第一种：

vararr=[1,2,3];vararr=[1,4,ture];

-第二种：

使用内置对象Array

vararr1=newArray（5）;arr1[0]=”1”;

-第三种：

使用内置对象Array

vararr2=newArray（3,4,5）;*数组里面有一个属性Length:

获取数组的长度。

*数组可以存放不同的数据类型的数据。

7、js的函数

**js里定义函数方法有三种方式

****函数的参数列表里面，不需要写var，直接写参数名称

第一种方式：

***使用到一个关键字function

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

方法体;

返回值可有可无

}

9、script标签放的位置

**建议把script标签放到后面。

10丶js的重载

*什么是重载方法名相同，参数列表不同

Js是否有重载

1、js的String对象

**创建String对象

****varstr=”abc”;

***方法和属性（文档）

***属性length:

字符串的长度

***方法

（1）与html相关的方法

--bold（）:

加粗

-fontcolor（）:

设置字符串的颜色

-fontsize（）:

设置字体的大小

---link（）:

将字符串显示成超链接

***（“”）

-sub（）sup:

下标和上标

（2）与java相似的方法

-concat（）:

连接字符串

varstr1=”abc”;

varstr2=”dfg”;

（str2））;

--charAt（）:

返回值指定指定的位置的字符串

***varstr3=”sdsadad”;

（20）;rite（“length:

”+;

-replace（）:

替换字符串

*传递2个参数：

---第一个参数是原始数据

---要替换成的字符

*varstr6=”abcd”;

（str6）;

（“
”）;

（“a”,”Q”））;

--substr（）和substring（）

*varstr7=”sadasfasdaf”;

法（）

**ceil（x）:

向上舍入

**floor（x）:

向下舍入

**round（x）:

四舍五入

**random（）:

得到的随机数（伪随机数）

-得到0-9的随机数

（）*10

（）*10）;

2、js的全局函数

*由于不属于任何以恶搞对象，直接写名称就可以使用

**eval（）;执行js代码（如果字符串是一个js代码，使用方法直接执行）

eval（str）;

****encodeURL（）和decodeURL

encodeURLComponent（）和decodeURLponent（）

***isNaN（）:

判断当前字符串是否是数字

--varstr2=”aaaaaa”;

alert（isNaN（str2（））;

***如果是数字，返回false

***如果不是数字，赶回true

***parseInt（）:

类型转换

***varstr3=”123”;

（parseInt（str3）+1）;

3、js的函数的重载

**什么事重载方法名相同，参数不同

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

**调用最后的一个方法

***把传递的参数保留到arguments数组里面

***js里面是否存在重载

<1>js里面不存在重载。

<2>但是可以通过其他方法模拟重载（通过aruguments数组来实现）

***functionadd1（）{

-建标签

2.创建文本

3.吧文本添加到标签下面

---代码

functioninsert1（）{

/*

1.获取到li13标签

2.创建li

3.创建文本

4.把文本添加到Li下面

5.获取到ul

6.把Li添加到ul下面

*/

取到ul

2.执行复制方法cloneNode方法复制true

3.把复制之后的内容放到div里面去

**获取到div

**appendChild方法

*/

//获取ul

varul41=（“ulid41”）;

//复制ul,放到类似剪贴板里面

varulcope=（true）

//获取到div

vardivv=（“divv”）;

//把副本放到div里面去

（ulcopy）;

****操作dom总结

*获取节点使用方法

getElementById（）:

通过节点的id属性，查找对应节点

getElementsByName（）:

通过节点的name属性，查找对应节点。

getElementsByTagName（）:

通过节点名称，查找对应节点。

*插入节点方法

insertBefore方法：

在某个节点之前插入

appendChild方法：

在末尾节点之前插入

*删除节点方法

removeChild方法：

通过父节点删除

*替换节点方法

replaceChild方法：

通过父节点替换

1、innerHTML属性

*这个属性不是dom的组成部分，但是大部分浏览器都支持的属性

第一个作用：

获取span标签

varspan1=（“sid”）;

alert;

第二个作用：

向标签里面设置内容（可以是html代码）

***//向div里面设置内容

AAAAAA

//获取到div

vardiv11=（“div11”）;

//设置内容

=”

AAAAAA

***练习：

向div里面添加一个表格

-//向div里面添加一个表格

//vartab=”aaaaaabbbbbbcccccc”

vartab=”

tab+=”

//相当于vartab=”

=”tab”;