JavaScript简单学习总结day02

代码地址：js

一、简介

1. 基于对象和事件驱动的语言，应用于客户端。
2. 特点：
   1. 交互性（信息动态交互）
   2. 安全性（不能访问本地磁盘）
   3. 跨平台性（无关平台，只要有支持js的浏览器）
3. 三部分组成
   1. ECMAScript js的基本语句语法由ECMA制定
   2. BOM browser object model 浏览器对象模型
   3. DOM document object model 文档对象模型

二、js与html的结合方式

1. 使用标签 （demo 1）

2. 使用标签，引入外部js文件（demo 2）

三、js的基本语法

（一）输出显示

• window.alert() 写入警告框
• document.write() 写入html输出

在html文件完全加载后，使用document.write()将删除所有已有的html元素。

• innerHTML写入html元素

如需访问 HTML 元素，

JavaScript 可使用 document.getElementById(id) 方法。

id 属性定义 HTML 元素。

innerHTML 属性定义 HTML 内容：

• console.log() 写入浏览器控制台

（二）原始类型和声明变量

​ 定义变量 使用关键字var（demo 3）

1. 原始类型：string、number、boolean、null、undefined

   string： 字符串类型

   number： 数字类型

   boolean： true false

   null：获取对象的引用，null表示对象引用为空，所有对象的引用都为object。

   undefined：定义一个未赋值的变量

2. typeof() 查看所有变量的类型

（三）语句

​ 见demo 4

1. if判断语句

var a = 7;
if(a == 5){
   
    alert("a = 5");
}else{
   
    alert("a != 5");
}

2. switch语句

var b = 26;
switch (b) {
   
    case 1:
        alert("1");
        break;
    case 6:
        alert("6");
        break;
    default:
        alert("other");
}

3. 循环语句 while for do-while

// while循环
var c = 2;
while(c > 0){
   
    alert(c);
    c--;
}

// for循环
for(var i = 1;i < 3;i++){
   
    alert