HTML和JavaScript的结合使用

JavaScript简介：

JavaScript是基于对象和事件驱动的脚本语言，主要应用于客户端

• 基于对象：提供了很多对象，可以直接使用
• 事件驱动：html做网站静态效果，JavaScript动态效果
• 客户端：专门指的是浏览器
  特点：交互性（信息的动态交互）、安全性（不可以直接访问本地硬盘）、跨平台性

JavaScript的组成

JavaScrip由三部分组成：

1. ECMAScrip ECMA：欧洲计算机协会，由ECMA组织制定的语法
2. BOM：browser object model 浏览器对象模型
3. DOM：document object model 文档对象模型

JS和HTML的结合方式：

主要有两种方式：

1. 使用标签<script type="text/javascript"> </script>，在此标签之间直接写入JS代码
2. 使用script标签，引入外部的js文件，此时在html文件中的script标签中写入js代码不会执行

JS的数据类型

• JS的原始数据类型：String、number、null、undefined、Boolean五种
  其中null类型: 比如在获取日期时var date = new Date（）；获取对象的引用，null表示对象引用为空,所有对象的引用也是object
  object：变量是一种引用类型或者null类型

• JS语句：if判断语句
  switch语句：js支持所有数据类型

• JS中不区分整数与小数
  var a = 123;
  alert(a/1000*1000); 结果显示123

• 布尔类型也可以操做：
  将变量设置成true，相当于数值是1
  设置成false，相当于数值0

• == 和=== 的区别，两个都是做判断
  ==只比较数值 ===比较数值和类型

• document.write（）；直接在页面输出语句
  在此语句中可以使用加上双引号html的标签
  如果设置的标签属性有双引号时要改成单引号使用
  

js数组

定义方式：

1. var arr = [1,“4”，true]; 可以定义各种类型
2. 使用内置对象 var arr = new Array(5)； 定义一个数组，数组长度是5
3. 使用内置对象 var arr = new Array1，2，3）; 定义一个数组，有三个元素
   数组有属性length，数组的长度是可变的，JS数组可以存放不同的数据类型的数据

js函数

参数列表里面不需要使用var定义参数，直接写入参数

1. 使用关键字function function方法名（参数列表）{方法体； 返回值可有可无（根据实际需要）；}
   
2. 匿名函数 var add = function（参数列表）{方法体和返回值；}
   定义一个参数来调用匿名函数
   
3. 使用js里的一个内置对象（动态函数） Function
   var a = new Function（“参数列表”，“方法体和返回值”）；（很少用）