JavaScript

  1. 概念:一门客户端脚本语言

    • 运行在客户端浏览器中的,每一个浏览器都有JavaScript的解析引擎
    • 脚本语言: 不需要编译,直接就可以被浏览器解析执行了
  2. 功能:* 可以来增强用户和html页面的交互过程,可以控制html元素,让页面有一些动态效果

JavaScript基本语法

基本语法

一、与html结合方式

1、内部JS

  • 定义<script type="text/javascript"></script> 标签体内容就是js代码
    2、外部JS
  • 定义<script type="text/javascript" src=""></script> 通过src属性引入外部js文件
    *注意

a.<script></script>可以定义在html页面的任意地方,但定义位置会影响执行顺序

  1. <script></script>可以定义多个

二、注释
1、单行注释://注释内容
2、多行注释; /注释内容/

三、数据内容
1、原始数据类型(基本数据类型):

  1. number: 数字,整数/小数/NaN(一个不是数字的数字类型,not a number)
  2. srting: 字符串,"abc", "a", 'abc'
  3. boolean: true和false
  4. null: 一个对象为空的占位符
  5. undefined: 未定义,如果一个变量没有给初始化值,则默认为undefined
  6. 引用数据类型: 对象

四、变量
1、变量: 一小块存储数据的内存空间;
2、Java是强数据类型的语言,JavaScript是弱数据类型的语言;

a.强类型: 在开辟变量存储空间时,定义了空间将来存储数据的数据类型,只能    存储固定数据类型;
b. 弱类型: 在开辟变量存储空间时,不定义空间将来存储数据的数据类型,可以存储任意数据类型;
c.语法: var 变量名 = 变量值;
d.typeof运算符: 查看变量类型;

五、运算符

  1. 一元运算符

    • ++: 自增
    • --: 自减
    • +(正号)-(符号): 将其它数据类型转换为number类型
    • 注意: 在JS中,如果运算数不是运算符所要求的类型,那么js引擎会自动的将运算数进行类型转换
    • string --> number: 按照字面值进行转换,如果字面值不是数字,转为NaN
    • boolean --> number: true为1,false为0
  2. 算术运算符

    • +
    • -
    • /
    • *
    • %
  3. 赋值运算符

    • =
    • -=
    • +=
  4. 比较运算符

    • <
    • ">=" "<="
    • ==
    • 注意:

      1. 数据类型相同: 直接比较
      2. 字符串按照字典顺序比较
      3. 类型不同: 先进行类型转换,再比较
    • ===: 全等于,即: 即比较类型,也比较值(如果类型不同直接返回false)
    • ===
  5. 逻辑运算符

    • &&: 与(具有短路效果,一假则直接假)
    • ||: 或(具有短路效果)
    • !: 非
    • 其它类型转boolean:

      1. number: 0或NaN假非0真
      2. string: 空字符串为假,其它为真
      3. null&undefined: 都是假
      4. 对象: 都是真
  6. 三元运算符

    • ? :
  7. 流程控制语句:

    1. if...else...
    2. switch:

      • 在Java中,switch语句可以接收的数据类型有byte、int、short、char、枚举(JDK1.5)、string(JDK1.7)
      • 在JS中,switch可以接收任意的原始数据类型
    3. while
    • 注意: 这里while的死循环可以写为while(1)来替代while(true)
    1. do...while
    2. for
    3. 使用JS输出带有边框的九九乘法表
      <style>

      td{
          border: 1px solid;
      }

      </style>
      <script>

      document.write("<table>");
      for(var i = 1; i <= 9; i++){
          document.write("<tr>");
          for(var j = 1; j <= i; j++){
              document.write("<td>");
              document.write(i + " * " + j + " = " + (i * j) + "&nbsp;&nbsp;&nbsp;");
              document.write("</td>");
          }
          document.write("</tr>");
      }
      document.write("</table>");

      </script>