JavaScript 基础语法一

1、变量的定义：var a = 20; 定义变量a并给其赋值20.

2、基本数据类型 ：

      Number类型，表示数字，例如，1，2，3等。var number1 = 10。

      string类型，表示字符串， var string1 = 'hello word'。

      Boolean类型，布尔类型，用来表示真假，true、false，var a = true，var b = false。

      对象类型（不常用）var obj = new Object()

      js是弱类型语言，会根据数值来推断类型，所以可以实时改变一个变量的数值和类型。

            例： var a = 10；

                     a = a + "hello";

                     alert(a);

                     alert(typeof a);

      最后a 显示为‘100hello’，类型为string类型（字符串）

3、代码调试工具及方法

      alert()，这是一个可以弹出窗口的方法

      confirm()，与alert差不多，多了一个取消。

      prompt()，例：var name = prompt（'请输入名字'）；

4、控制台输出 console.log()，例：var a = 100；console.log(a);

5、将内容写到html文件中

      document.write(), 例：document.write（"这是将内容写到html文件中的方法"）；

6、算数运算符

      ‘+’加，‘-’减，‘*’乘，‘/’除，‘%’求余。这是最基本的五类。其中加号对字符串可以起拼接作用，例：alert('hello' + 'word')显示为helloword，alert('2' + 1) 显示为21；减号对字符串的影响，例：alert('5' - 3)显示为2.

         自增‘++’，自减‘--’。

                var a = 10；

                a++；相当于 a = a + 1；

                ++a；相当于 a = a + 1；

                a --； 相当于 a = a  - 1；

                 --a； 相当于 a = a  - 1；

                alert(a)；

          当++，--不是单独出现的时候

                var a = 10；

                var num = a++；这时++在后，先赋值然后在自增，如果++在前，先自增然后再赋值。-- 也是一样。

                alert(a)； 结果为11。

                alert(num)；  结果为10。

          复合运算符‘+=’‘-=’‘*=’‘/=’‘%=’

                例：var a = 10；

                        a += 3；等价于 a = a + 3；

                        a  -= 3；等价于 a = a - 3；

                        a  *= 3；等价于 a = a *3；

                        a  /= 3；等价于 a = a /3；

7、元素的获取

      例：<div id="wrap">1</div>

              <div class="box" >2</div>

              <div>3</div> 

      通过Id获取元素

          var a = document.getElementById('wrap')；

          a.stytle.color = 'red';   修改字体颜色

      通过类名来获取元素

          var b = document.get.ElementsByClassName('box');

          b[0].stytle.color = "blue";  修改字体颜色 （类名获取后使用需要加下标，从零开始）。

      通过标签名获取元素

          var c = document.get.ElementsByTagName('div');

         c[3].stytle.color = 'orange';  修改字体颜色。