1.css 和 html 的结合方式

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

<div style="background-color:red;color:green;">

（2）使用 html 的一个标签实现 <style> 标签，写在 head 里面

<style type="text/css>
    css代码；
</style>

（3） 使用头标签 link，引入外部 css 文件
首先创建一个 css 文件

<link rel="stylesheet" type="text/css"href="css文件路径">

2.JavaScript 的简介

1.是基于对象和事件驱动的语言，应用于客户端

• 基于事件：
  提供了很好的对象，可以直接拿过来使用
• 事件驱动：
  html 做网站静态效果，JavaScript 动态效果
• 客户端：专门指的是浏览器

2.Js 的特点

（1） 交互性
信息的交互
（2）安全性
js 不能访问本地磁盘的文件
（3）跨平台性
java 里面跨平台----虚拟机
只有能够支持 js 的浏览器，都可以运行

3.JavaScript 和 java 的区别（雷锋和雷峰塔）

（1） java 是sun 公司，现在 oracle；js 是网景公司
（2）JavaScript 是基于对象的，java 是面向对象的
（3）java是强类型的语言，js 是弱类型的语言
（4）JavaScript 只需要解析就可以执行，而 java 需要编译成字节码文件，再执行。

4.JavaScript 的组成
三部分组成

（1） ECMAScript
ECMA：欧亚计算机协会
由 ECMA 组织制定的 js 的语法，语句....
(2） BOM
broswer object model:浏览器对象模型
（3） DOM
document object model: 文档对象模型

3.js 与 html 结合方式

第一种：
使用一个标签

<script type=“text/javascript” >js 代码</script>

第二种：
使用 script 标签，引入一个外部的 js 文件
创建一个 js 文件，写 js 代码

<script type="text/javascript"  src ="1.js"></script>

使用第二种方式时，就不要在 script 标签里面写 js 代码，不会执行。

4.js 的原始类型和声明变量

定义变量：都使用关键字 var
js 的原始数据类型

• string ：字符串8

var str="abc"；

• number 数字类型

var m=123；

• boolean：true 和 false

var flag=true；

• null

var  date =new Date（）；

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

• undifined
  定义一个变量，没有赋值

var  aa；

typeof（）； 查看当前变量的数据类型

5.js 的语句

1.if 判断语句
=：表示赋值
== ：表示判断
2.switch 语句
js 里面所有类型都支持
3.循环语句（for while do-while）
for 循环里面 java 里面定义是 int ，js 定义是 var

4.i + + 和 + + i 和java 里面一样

6.js 的运算符

1.+= ：x+=y——> x=x+y;
2.js 里面不区分整数和小数

var j=123;
alert(j/1000*1000);
// j/1000*1000  在 java 里面得到的结果是 0
//在  js 里面不区分整数和小数，123/1000=0.123*1000=123

3.字符串相加和相减的操作

如果相加的时候，做的是字符串连接
如果相减，做的是相减运算
提示 NaN :表示不是一个数字

4.Boolean 类型也可以操作
如果设置成 true，相当于这个值是 1
如果设置成 false，相当于这个值是 0
5. == 和 === 区别

做判断：

== 比较的只是值
=== 比较的是值和类型

6.引入知识
直接向页面输出语句（可以把内容显示在页面上）

document.write("aaa");
document.write("<hr/>");

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

7.js 数组

1.数组定义方式

第一种：

var arr=[1,2,3];
var arr=[1,"4",ture];

第二种：
使用内置 Array 对象

var arr1=new Array(5);//定义一个数组，数组长度是 5

第三种：
使用内置 Array 对象

var arr1=new Array(3,4,5);//定义一个数组，数组元素是3 4 5

2.数组属性

length : 获取到数组长度

3.数组可以存放不同的数据类型的数据

8.js 函数

1.定义函数

第一种方式：
使用到关键字 function

function  方法名（参数列表）{
方法体；
返回值可有可无（根据实际需要）
}

举例：

function add(a,b,c){
var sum=a+b+c;
return sum;
}

alert(add(3,4,5));   //调用方法

第二种方式：
匿名函数

var add=function（参数列表）{
方法体和返回值
}

举例：

var add =function（m,n）{
alert(m+n);
}

add(5,6);  //调用方法

9.js 全局变量和局部变量

• 全局变量：在 script 标签里面定义一个变量，这个变量在页面中 js 部分都可以使用
  ——在方法外部使用，在方法内部使用，在另一个 script 标签使用
• 局部变量：在方法内部定义一个变量，只能在方法内部使用
  ——如果在方法外部调用这个变量，提示出错

10.script 标签放的位置

建议把 script 标签放到 </body>后面