1、JavaScript简介
* 是基于对象和事件驱动的语言，应用于客户端
- 基于对象
**提供好了很多对象，可以直接拿过来使用
- 事件驱动
** html做网站静态效果，JavaScript动态效果
- 客户端： 专门指的是浏览器
* js的特点
（1）交互性
- 信息的动态交互
（2）安全性
- js不能访问本地的磁盘
（3）跨平台性
-Java里面跨平台性，虚拟机
-只有能够支持js的浏览器，都可以运行
* JavaScript和Java的区别(雷锋和雷峰塔)
（1）Java是sun，现在是oracle公司； js是王景公司
（2）JavaScript是基于对象； Java是面向对象
（3）Java是强类型的语言； js是若类型的语言
-比如java里面 int i = "10";
-js: var i= 10 ; var i = "10";
（4） JavaScript只需解析就可以执行，而Java需要先编译成
子杰码文件，再执行；
*JavaScript的组成(下面js)
三部分组成
（1）ECMAscript
- ECMA ：欧洲计算机协会
- 有ECMA组织制定的js的语法，语句...
（2）BOM
-browser object model ：浏览器对象模型
（3）DOM
-document object model ：文档对象模型
2、js和html的结合方式（两种）
第一种：
-使用一个标签<script type="text/javascript">
第二种：
-使用script标签： 引入一个外部的js文件
***创建一个js文件 写js代码
- <script type="text/javascript" src="1,js"></script>
**使用第二种方式的时候，就不要在script标签里面写就行代码
写也无法显示出来。
3、 Java的原始类型和声明变量
** Java的基本数据类型（8个） byte short int long float double char boolean
** 定义变量 都是用关键字 var
** jsde的原始类型（5个）
-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(): 查看当前变量的数据类型
4、js的语句
- Java里面的语句：
** if判断
** switch语句
** 循环 for while do-while
-js里面的这些语句
** if判断语句
** switch语句
** 循环语句 for while
** i++和++i跟Java是一样的
}
5、js的运算符
** += ；x+=y ==>x=x+y ；
** 在js里面不区分整数和小数
-比如 1/100 在Java里面显示的是0
在js里面显示的是1
** 字符串的相加和相减得操作
var str = "123"
** 如果相加时候，做的是字符串的连接
** 如果相减，做的是相减运算
var str = "123";
* //字符串的操作
var str="456"
//alert(str+1); //在Java里面显示的是4561，
在js里面还是4561，
* 提示NANA：表示不是一个数字
**Boolean类型也可以操作
*** 如果设置成true： 相当于值是1；
*** 如果设置成false: 相当于值是0；
** == 和 === 的区别
**做判断
** ==比较的是值
** ===比较的是值和类型
**引入知识
直接向页面输出的语句（可以把内容显示在页面上）
* document.write（"aaa"）
* document.write("<br>")
** 可以向页面输出变量，固定值，HTML代码、
函数名
语法：
function 函数名(形式参数1，形式参数2)
{ //一些代码
函数体
}
调用语法：
函数名（实际参数1，实际参数2）；
注意：函数在写好之后是不会自己去执行，需要去调用函数才能去执行
//圆面积函数
<script type="text/javascript">
function mianji(n)
{
var mianji=3.14*n*n;
document.write("半径为"+n+"的圆面积为"+mianji);
}
mianji(9);
</script>
返回值：return
var a={name:"张三",age:10};
alert(a.age)
* 是基于对象和事件驱动的语言，应用于客户端
- 基于对象
**提供好了很多对象，可以直接拿过来使用
- 事件驱动
** html做网站静态效果，JavaScript动态效果
- 客户端： 专门指的是浏览器
* js的特点
（1）交互性
- 信息的动态交互
（2）安全性
- js不能访问本地的磁盘
（3）跨平台性
-Java里面跨平台性，虚拟机
-只有能够支持js的浏览器，都可以运行
* JavaScript和Java的区别(雷锋和雷峰塔)
（1）Java是sun，现在是oracle公司； js是王景公司
（2）JavaScript是基于对象； Java是面向对象
（3）Java是强类型的语言； js是若类型的语言
-比如java里面 int i = "10";
-js: var i= 10 ; var i = "10";
（4） JavaScript只需解析就可以执行，而Java需要先编译成
子杰码文件，再执行；
*JavaScript的组成(下面js)
三部分组成
（1）ECMAscript
- ECMA ：欧洲计算机协会
- 有ECMA组织制定的js的语法，语句...
（2）BOM
-browser object model ：浏览器对象模型
（3）DOM
-document object model ：文档对象模型
2、js和html的结合方式（两种）
第一种：
-使用一个标签<script type="text/javascript">
第二种：
-使用script标签： 引入一个外部的js文件
***创建一个js文件 写js代码
- <script type="text/javascript" src="1,js"></script>
**使用第二种方式的时候，就不要在script标签里面写就行代码
写也无法显示出来。
3、 Java的原始类型和声明变量
** Java的基本数据类型（8个） byte short int long float double char boolean
** 定义变量 都是用关键字 var
** jsde的原始类型（5个）
-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(): 查看当前变量的数据类型
4、js的语句
- Java里面的语句：
** if判断
** switch语句
** 循环 for while do-while
-js里面的这些语句
** if判断语句
** switch语句
** 循环语句 for while
** i++和++i跟Java是一样的
}
5、js的运算符
** += ；x+=y ==>x=x+y ；
** 在js里面不区分整数和小数
-比如 1/100 在Java里面显示的是0
在js里面显示的是1
** 字符串的相加和相减得操作
var str = "123"
** 如果相加时候，做的是字符串的连接
** 如果相减，做的是相减运算
var str = "123";
* //字符串的操作
var str="456"
//alert(str+1); //在Java里面显示的是4561，
在js里面还是4561，
* 提示NANA：表示不是一个数字
**Boolean类型也可以操作
*** 如果设置成true： 相当于值是1；
*** 如果设置成false: 相当于值是0；
** == 和 === 的区别
**做判断
** ==比较的是值
** ===比较的是值和类型
**引入知识
直接向页面输出的语句（可以把内容显示在页面上）
* document.write（"aaa"）
* document.write("<br>")
** 可以向页面输出变量，固定值，HTML代码、
函数名
语法：
function 函数名(形式参数1，形式参数2)
{ //一些代码
函数体
}
调用语法：
函数名（实际参数1，实际参数2）；
注意：函数在写好之后是不会自己去执行，需要去调用函数才能去执行
//圆面积函数
<script type="text/javascript">
function mianji(n)
{
var mianji=3.14*n*n;
document.write("半径为"+n+"的圆面积为"+mianji);
}
mianji(9);
</script>
返回值：return
var a={name:"张三",age:10};
alert(a.age)