JavaScript

1. 简介：

是一个基于对象和事件驱动的语言，应用于客户端
基于对象：
 提供了很多对象，可以直接拿过来用
事件驱动：
 html做网页静态效果，JavaScript动态效果
客户端：
 专指客户端

• js的特点：
  1. 交互性：信息的动态交互
  2. 安全性：js不能访问本地磁盘的文件
  3. 跨平台性：只有能够支持js 的浏览器，都可以运行
• javascript和java的区别
  java是sun公司，js是网景公司的
  JavaScript是基于对象的，java是面向对象的
  java是强类型语言，JavaScript是弱类型语言
  JavaScript只需要解析就可以执行，java需要先变为字节码文件在执行
• JavaScript的组成
  三部分：
  1.ECMAScript
  ECMA：欧洲计算机协会
  2. BOM browser object model:浏览器对象模型
  3. DOM document object model : 文档对象模型

2. js和html的结合方式

   • 第一种
     使用标签

<script type = "text/javascript">js代码</script>

• 第二种
  第一步：创建一个js文件

<script type="text/javascript" src="js文件路径"></script>

第二种不要在script里面写js代码了，写了也不会执行。

3. js的原始类型和声明变量
   定义变量都使用关键字var

• js原始类型：五种
  string：字符串
  var str = "abc"
  number：数字
  var mm=123;
  boolean：true 和false
  var flag = true;
  null：var data=new Date();
  获取对象的引用，null表示对象引用为空，所有对象的引用也是object
  undefined：定义了一个对象没有赋值，var a;

弹出一个窗口：alert（）；
typeof()查看当前变量的类型

4. js的语句

• if语句判断语句
  =表示赋值；
  ==表示判断；
• switch语句
  js里面都支持

switch (a){
  case 5;
    break;
  case 6;
    break;
  default;
}

• 循环语句 for while do-while

//while循环
var i=5;
while(i >1)
{
  alert(i);
I--;
}
//for循环
for(var i=0;i<=10;i++){
  alert(mm);
}

• i++和++I和java里面一样

---

5. js的运算符

• js里面不区分整数和数字

alert(j/1000*1000)在java中的结果是0；在JavaScript中的结果是123➡️123/1000/10007=0.123 *1000=123

• 字符串的相加和相减操作

如果相加时候，做的是字符串链接操作
如果是相减时候，做的是相减运算

字符串的操作

var str = 456;
alert(str+1);//在java里面操作的结果是4561，在JavaScript里面也是
alert(str-1);//相减时候，执行相减运算符结果为455

• boolean 类型也可以操作
  如果是true 相当于这个值是1
  如果是false 相当于这个值是0

• ==和===的区别
  ==只是比较这个值
  ===比较的是值和类型

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

---

6. 9*9乘法表

document.write("<table>");
for(var i=1;i<=9;i++){//循环行9行
 document.write("<tr>");
   for(var j = 1;j<i;j++){//循环列
       document.write("<td>");
       document.write(j+"*"+I+"="+I*j+"&nbsp;");//运算
       document.write("</td>");
 }
   document.write("</tr>");
}
document.write("</table>");

---

7. js数组

• 定义方式：三种

  1. var arr = [1,2,3] ; var arr = [1,"2",true];
  2. 使用内置对戏那个，Array对象
     var arr1 = ner Array(5);//定义了一个数组，数组长度是5
     arr[0]="1";
  3. 使用内置对象Array
     var arr2 = new Array(3,4,5);//定义了一个数组，数组里面的元素是3 4 5
  • 数组里面有一个属性length：获取数组的长度
    arr1.length;
  • 数组可以存放不同的数据类型的数据

---

8. js的函数

在js里面定义函数（方法）有三种方法：
函数的参数列表里面，不需要用var，直接写参数名

1. 使用关键字function
   function 方法名（参数）{
   方法体
   }

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

2. 匿名函数
   var add = function(参数列表）{
   方法体和返回值；
   }

3. 使用内置对象Function
   动态函数
   var add = new Function("参数列表","方法体和返回值");

var canshu = "x,y";
var fangfati = "var sum;sum=x+y;return sum;";
var add = new Function(canshu,fangfati);
alert(add(2,5));

---

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

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

局部变量：在方法内部定义一个变量只有在方法内可以使用
如果在方法外使用会提示有误

---

10. script标签位置存放

建议将script标签放在body标签后面

---

11. js方法重载

方法名相同，参数列表不同
java里面有重载，js里面也有重载