javascript精学笔记1

javascript

1、javascript的简介
* 是基于对象和事件驱动的语言，应用于客户端
- 基于对象：
** 提供了很多对象，可以直接拿来使用
- 事件驱动
** html做网页静态效果，javascript做动态效果
- 客户端：专门指浏览器
* js的特点
（1）交互性
- 信息的动态交互
（2）安全性
- js不能访问本地磁盘的文件
（3）跨平台性
- 只要能够支持js的浏览器，都可以运行

* javascript和Java的区别
（1）Java是sun公司，现在是oracle；js是网景公司
（2）javascript 是基于对象的，Java是面向对象的
（3）java是强类型的语言，js是弱类型的语言
- 如Java里 int i = "10";(错误的)
- js：var i = 10; var m = "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/javasript"> js代码 </script>
第二种：
- 使用script标签，引入一个外部文件
*** 创建一个js文件，写js代码
- <script type="text/javascript" src="弹窗b.js"></script>

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

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

** 定义变量 都是用关键字 var
** js的原始类型（5个）
- string：字符串
*** var str = "abc"
- number：数字类型
*** var m = 123;
- boolean：true和false
*** var flag = true;

- null
*** var date = new Date();
*** 获取对象的引用，null表示对象引用为空，所有对象的引用是object

- undefined
*** 定义一个变量，没有复制
*** var aa;

** typeod()：查看当前数据类型
4、js的语句
** if语句
- if(a==5){
alert("5");
}else{
alert("6");
}
** switch语句
- switch(a){
case 5:
break;
case 6:
break;
default:
....
}

** 循环语句
while循环
- var num = 5;
var i = 3;
while(i){
alert(num);
i -= 1;
}
for循环
- for (var m=5;m<10 ;m++ )
{
alert(m);
}

5、js运算符
** 在js里面不区分整数和小数
** 字符串相加和相减
*** 如果相加，做的是字符串的连接
*** 如果相减，做的是减法运算
- var str="456"
alert(str+1)
得到4561
alert(str-1); // 执行减法运算
得到455
- var str1 = "abc";
alert(str1+1); //得到abc1
alert(str1-1);//NaN提示错误：表示不是数字
** boolean相加相减
true：相当于1
false：相当于0
** == 和 === 的区别
** 做判断

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

** 引入知识
直接向页面输出语句（可以把内容显示在页面上）
* document.write("aaa");
document.write("<hr/>");
** 可以向页面输出变量，固定值和html代码
6、js数组
* 定义方式（三种）
第一种：var arr = [1,2,3,"4",true];
第二种：使用内置对象 Array对象
var arr1 = new Arrat(5); //定义一个数组，数组长度是5
arr1[0] = "1";
第三种：使用内置对象 Array
var arr2 = new Array(3,4,5);//定义一个数组，数组里面的元素是3，4，5
* 数组的属性 length 获取数组的长度

7、js的函数
** 在js中定义函数（方法）有三种方式
*** 函数的参数列表里不用写var 直接写参数名称
第一种方式：
*** 使用关键字 function
*** function 方法名(参数列表){
方法体;
返回值可有可无;
}
第二种方式：
*** 匿名方式
var add = function(参数列表){
方法体和返回值;
}
第三种方式：
*** 动态函数
*** 使用js里面的内置对象Function
var add = new Function("参数列表"，“方法体和返回值”)


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

** 局部变量：在方法内部定义一个变量，只能在方法内部使用
- 外部调用出错

9、script标签存放的位置
- 建议放在</body>的后面

10、js的重载
- function add11(a,b){
return a+b;
}
function add11(a,b,c){
return a+b+c;
}
function add11(a,b,c,d){
return a+b+c+d;
}
alert(add11(1,2)); //NaN
alert(add11(3,4,5));// Nan
alert(add11(6,7,8,9));//30