JavaWeb之前端篇

JavaScript

  • JavaScript概述
  • JavaScript是一种脚本语言,将其嵌入html代码中,由浏览器解析执行
  • 通过JavaScript对html css进行修改
  • Netscape发明了JavaScript
  • JavaScript组成:
    ECMAScript :核心
    DOM: 文档对象模型
    BOM:浏览器对象模型

  • html与JavaScript结合方式
  1. 在html页面中直接插入javascript
    可以在html页面上任意位置写< script >标签,在标签内写入javascript代码。
    注意:在开发中,一般情况下,javascript会写在< head >标签中.
  2. 引入外部javascript
    外部javascript可以直接使用文本编码器操作,我们在使用前需要先创建一个文件,后缀名是 .js
    在页面上要使用js文件,可以< script src=”js文件路径”>
    注意:在使用< script>标签导入js文件后,不可以在< script>标签中在书写javascript代码

  • Javascript基本语法
  1. javascript严格区分大小写
  2. javascript是一种弱类型语言,可以任意改变变量的类型
  3. 在javascript中一行的结束可以使用分号也可以不使用,如果不使用,默认是换行做为结束。建议大家使用分号。
  4. javascript中的注释与java中一样
    a) // 单行注释
    b) /* */ 多行注释

  • Javascript中的变量声明
  • 变量就是用于存储数据的容器
  • 在javascript中声明一个变量可以使用var运算符。
  • 声明一个变量时可以包含数字字母下划线,但是不能以数字开头。

  • JavaScript的数据类型
    在javascript中它的数据类型也分成两种

a. 原始数据类型
原始数据类型就是一种值类型,例如 10 “abc”
原始数据类型又分成五种
1. Number 数值类型 包含整数与小数 八进制 以0开始,十六进制ox开始
2. Boolean 逻辑类型 true false
3. String 字符类型 注意在javascript中它的字符类型是使用”” 或’’引起的,在javascript中字符与字符串是同一个意思。
4. undefined类型 变量未初始化
5. null类型 对象不存在。 使用javascript中提供的typeof运算符来显示。

b. 引用数据类型
引用数据类型,它一般是指类或对象,在javascript中它是不具有真实类。
在javascript中有一个Object,它本身没有什么意义,与java中的Object类意义一样。 对象是由new关键字创建的 Var obj=new Object();


  • Javascript中数据类型转换

在javascript中boolean值 数字 字符串它们都是原始类型,但是它们也是伪对象,也就是说,它们可以具有属性与方法.

  1. 转换成字符串可以直接调用其toString()方法
  2. 转换成数字 可以使用javascript提供的parseInt(值) parseFloat(值)
  3. 强制类型转换
    a) 值转换成Boolean类型 Boolean(值)
    b) 值转换成Number类型 Number(值)

  • Javascript中的运算符与表达式

一元运算符
++ – 它与java中操作一样

逻辑运算符
逻辑运算符包含三种 && || !

注意:在java中逻辑运算符左右两边都是boolean类型,但是在javascript中不太一样。
Undefined 代表false
Null 代表false
Number 非0为true 0为false.
String 空字符串为false,否则为true.
Object 如果Object存在,就代表true.

算术运算符
+ - * / %运算

关系运算符
< >= <= == !=
关系运算符最后得到的结果是一个boolean值?

在比较时,如果运算符两边都是数字,那么就比较其值的大小
如果左右两边有一边是字符串,而另一边是数字,那么会将字符串转换成数字在比较.
如果两边都是字符串,会对比字符串的码值。
在javascript中有一个特殊的等号运算符 === (不仅比较值,还比较类型)

三元运算符
值?表达式1:表达式1
如果值为true,整个表达式取表达式1的值,如果值为false,整个表达式取表达式2的值。

赋值运算符
*=
+=
-=
/=
%=
这个与java中操作一样。

逗号运算符
var a=1, b=2;
逗号运算符可以在一条语句中执行多个运算。


  • Java中流程控制问题
if
    格式:
        if(条件){
            语句
        }else{
            语句
        }
    在java中if语句后面的条件必须是true/false值,而在javascript 中我们描述true/false有多种方式,所以我们要注意与java中的区别
switch
    switch与java中使用相同,它也可以允许比较字符串。
    switch(值){
        Case 值:语句 break;
        Case 值:语句 break;
    Default:语句;
    }
While&&do-while
    while(条件){
        语句;
    }

    do{
        语句;
    }while(条件);
for
    for(i = 1;i <= 10;i++){ 
        alert(i);
    }