JavaScript简介

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

  基于对象： 本身提供好了对象，不需要new对象

  事件驱动： 动态效果（例如鼠标移动触发某些网页的动态效果）

  客户端： 浏览器

  ---

• js的特点

  交互性： 信息动态交互

  安全性： js不能访问本地磁盘文件

  跨平台性： 能够支持js的浏览器即可运行

---

• javascript的三大组成

  ECMAScript: 欧洲计算机协会制定的js语言

  BOM: 即“Browser Object Model” ,浏览器模型对象

  DOM： 即"Document Object Model",文档模型对象，对页面内容进行修改，如增加|删除一行内容

  ---

• javascript原始数据类型

  string

  number

  boolean

  null

  undefined

  ---

• javascript语句

  if..else

  switch: 支持所有数据类型

  while循环

  for循环 for (var i=0; i<4; i++) {}

  ---

• javascript运算

不区分整数和小数

<script type"text/javascript">
   var j = 123;
   //在java里，123/1000*1000 = 0*1000  = 0
   //在js里，123/1000*1000 = 0.123*1000 = 123
   alert(j/1000*1000);
</script>

字符串加数字得字符串，字符串减数字得数字

 <script type"text/javascript">
   var j = "123";
   alert(j+1);     //结果为1231
   alert(j-1);     //结果为122
   var a = "hello";
   alert(a-1);     //提示NaN，因为字符串内容不是数字
</script>

布尔类型加数字

  <script type"text/javascript">
   var a = true;   //相当于1
   alert(a+1);     //2
   var b = false;  //相当于0
   alert(b+1);     //1
</script>

== 和 === 的区别

• ==：比较值

• ===：比较值和类型

 <script type"text/javascript">
    var a = 5;
    //弹出5
    if (a == "5") {
        alert("5");
    } else {
        alert(other);
    }
    
    //弹出ohter
    if (a === "5") {
        alert("5");
    } else {
        alert("other");
    }
 </script>

---

• js的数组

<script type="text/javascript">
    //数组创建方法一
    var a = [1,2,3];
    var b = [1,"e",true];
    document.write("b = "+b+"<br/>")

    //数组创建方法二
    var c = new Array(5);
    document.write("c.length"+c.length+"<br/>");

    //数组创建方法三
    var d = new Array(3,4,5);
    document.write("d = "+d+"<br/>");
</script>