JavaWeb学习笔记02_javascript

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=“20”;
- js：var i=10;var m="10";
（4）JavaScript只需解析就可以执行，而java需要先编译成字节码文件，在执行。

* javascript的组成
三部分组成
（1）ECMAScript
- ECMA：欧洲计算机协会
- 由ECMA组织制定的js的语法、语句等
（2）BOM
- broswer object model:浏览器对象模型
（3）DOM
- document object model：文档对象模型

2、js和html的结合方式（两种）
第一种：
- 使用一个标签 <script type="text/javasrript">  js代码;  </script>

第二种
- 使用script标签，引入一个外部的js文件
*** 创建一个js文件，写js代码
- <script type="text/javasrript" src="js文件名"></script>

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


3、js的原始类型和声明变量
** java的基本数据类型 byte short int long float double char boolean

** js的原始类型（五个）
* 定义变量都使用关键字 var

- string：字符串
var str = "abc";
- number：数字类型
var m =123;
- boolean：true和false
var flag = true;
- null：
var date = new Date();
获取对象的引用，null表示对象引用为空，所有对象的引用也是object
- undifined
定义一个变量，没有赋值，就叫做undefined

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

4、js的语句
- java里面的语句：
** if判断语句
** switch语句
** 循环语句 for while do-while

- js里面的语句
** if判断语句
** switch语句
** java里面支持string类型吗？
在jdk1.7开始支持
** 循环语句 与java语句一样

5、js的运算符
** js里面不区分整数和小数
var j=123；
alert（j/1000*1000） 在java里面得到的结果是0
在js里面得到的结果是123
 
** 字符串的相加和相减
var str=“456”
alert（str+1） 在java里面操作结果是4561，在js里面也是4561
alert（str-1） 在js相减的时候执行减法的结果

** 相加的时候，做的是字符串连接
** 相减的时候，做的是相减的运算

** boolean类型也可以操作
*** 如果设置成true，相当于1
*** 如果设置成false，相当于0

** == 和=== 的区别
** 做判断
** == 比较的只是值
** === 比较的是值和类型

** 引入知识
直接向页面输出的语句（可以把内容显示在页面上）
* document。write（""）;
** 可以向页面输出变量，固定值和html代码

6、js的数组
* 什么是数组
- 使用变量，var m = 10;
- java里面的数组 定义 int[] arr={1,2,3};

* 定义方式（三种）
第一种：var arr = {1,2,3}; var arr = {1,"4",true};
第二种：使用内置对象Array对象
var arr = new Array(5);
arr[0]="1";
第三种：使用内置对象Array
var arr = new Array(3,4,5);

* 数组里面有一个属性 length ：获取到数组的长度

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

7、js的函数
** 在java里面定义方法
public 返回类型 方法名（参数列表）｛
方法体；
返回值；
｝

** 在js里面定义函数方法（三种方式）
第一种：
使用关键字 function
function 方法名（参数列表）｛
方法体；
返回值可有可无（根据情况）；
｝

第二种：
匿名函数
var add = function（参数列表）｛
方法体和返回值；
｝

第三种：
动态函数
使用js里面的内置对象 Function
var add = new Function（“参数列表”，“方法体和返回值”）;

8、js的全局变量和局部变量
** 全局变量：在script标签里面定义了一个变量，这个参数在页面中js部分都可以使用
在方法外部使用，在方法内部使用，在另一个script标签使用都可以。
** 局部变量：在方法内部定义一个变量，只能在方法内部使用。

9、script标签放的位置
* 建议把script标签放在</body>后面
html是从上到下解析的，script标签放在head里面，直接在里面取input里面的值，
由于页面还没有解析到input那一行，所以无法取到值。