JavaScript

使用JavaScript

内部导入

<script>

alert("Hello World")

</script>

外部导入

<!-- 外部-->

<script src="./js/a.js">

</script>

JavaScript简介

JavaScript:

• 概念：一门客户端脚本语言
  • 运行在客户端浏览器中。每一个浏览器都有JavaScript解析引擎
  • 脚本语言：不需要编译，直接就可以被浏览器解析执行

• 功能：

  • 可以用来增强用户和html页面的交互程，可以控制html元素， 让页面有一些动态效果，增强用户的体验
  • JavaScript = ECMAScript + (BOM + DOM)

• ECMAScript:

  1. 与html的结合方式

     • 内部JS: 可以定义在html的任意位置

     • 外部JS: 通过src属性引入外部js文件 定义位置会影响执行顺序

  2. 注释

     • 单行注释//
     • 多行注释/**/

  3. 数据类型

     • 原始数据类型（基本数据类型）
       1. number： 数字， -> 整数、小数、NaN(Not a number，一个不是数字的数字类型)
       2. string： 字符串 -> Js只有字符串，单双引号皆可
       3. boolean： true和false
       4. null： 空 object类型
       5. undefined：未定义，由null演变过来。如果一个变量没有给初始化值，则默认赋值undefined

  4. 变量

     • 变量：一小块存储数据的内存空间

     • Java是强类型语言，而Js是弱类型语言

       • 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。
       • 弱类型：在开辟变量存储空间是，不定义空间将来存储数据类型，可以存放任意类型

     • 语法：

       var 变量名 = 初始化值

  5. 运算符

     在Js中，如果运算数不是运算符所要求的类型，那么js引擎会自动将运算数进行类型转换

     • string转number，按照字面值转换，如果字面值不是数字，则转为NaN
     • boolean转Number， true -> 1 ; false -> 0
     • 一元运算符 ++ -- +(正号)
     • 算数运算符： + - * / % ...
     • 赋值运算符： = += -+ ...
     • 比较运算符： > < >= <= == ===(全等于)
     • 逻辑运算符 && || ! number: 0 或 NaN为假。其他为真 string：除了空字符串""，其他都为ture null&undefined: 都是false 对象：所有对象都为true
     • 三元运算符 ?:

  6. 流程控制语句

     • switch(变量): byte int short char, 枚举1.5, String1.7 case值： 在Js中可以接收任何原始数据类型

     • for循环

       var sum = 0

       for(var i = 1 ; i<=100 ; i++){

       sum += i;

       }

       alert(num);

<script>

// var a = 3;

// alert(a)

//定义num类型

var num = 1;

var num2 = 1.2;

var num3 = NaN;

//输出到页面上

document.write(num + "---" + typeof (num) + "<br/>");

document.write(num2 + "<br/>");

document.write(num3 + "<br/>");

//定义string类型

var str = "abc";

var str2 = 'edf';

document.write(str + "---" + typeof (str) + "<br/>");

document.write(str2 + "<br/>");

//定义boolean

var flag = true;

document.write(flag + "---" + typeof (flag) + "<br/>");

//定义null

var obj = null;

var obj2 = undefined;

var obj3;

document.write(obj + "---" + typeof (obj) + "<br/>");

document.write(obj2 + "---" + typeof (obj2) + "<br/>");

document.write(obj3 + "<br/>");

/*

* 弹窗

* */

b = 4;

alert(b);

</script>