第一章走入Javascript世界

1.1认识Javascript
1.2在HTML中使用0JavaScript
1.3JavaScript入门

1.1认识Javascript

JavaScript主要由三部分组成：
1.核心（ECMAScript）
2.文档对象模型（DOM）
3.浏览器对象模型（BOM）

核心（ECMAScript）
规定了这门语言的基本组成部分

语法
类型
语句
关键字
保留字
操作符
对象

文档对象模型（DOM）
DOM功能就是可以获取到我们所写的所有的html标签，并给这些标签添加或者删除样式，并可以给标签添加事件（例如点击、拖动等），这些功能实现基于下面几种接口

DOM遍历和范围：可以找到页面中所有的标签
DOM事件：例如给某个图片施加拖动事件，是图片随意拖动
DOM样式：可以更改页面中所有元素的样式，例如更改某一段文字颜色

浏览器对象模型（BOM）
bom只会处理跟浏览器相关的东西，比如

弹出新窗口的功能
移动、缩放、关闭浏览器窗口的功能
给用户提供显示器分辨率的功能
提供浏览器信息

1.2在HTML中使用0JavaScript

书写位置
写在html内部
1.使用script标签嵌入

// script标签嵌入JavaScript代码
<script>
    // JavaScript代码
    let name = "Bob";
    function(){
        console.log("我的名字叫："+name);
    }
</script>

**
2.script标签在html中的位置
body标签内部，且在末尾

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 正常的html标签一定要写在script标签的前面 -->
    <div></div>
    <!-- 在body标签的内部并在末尾 -->
    <script></script>
</body>
</html>

写在html外部
写在xxx.js中，用

<script src="index.js"><script>

引入

1.3JavaScript入门

字符串可以是双引号也可以是单引号
中文、英文、字母都是字符串加单引号或者双引号
数字加引号变成字符串

console访问控制台
在控制台输出信息

console.log('要输出的内容');

模板字符串可以简化书写，模板字符串的核心是反引号（``）和占位符${expression}
反引号的作用是将字符串和变量包起来，占位符的作用是在字符串中插入变量

let firstName = '胡';
let lastName = '雪岩';
let say = `大家好，我姓${firstName}，名${lastName}`;
console.log(say);

转义符（\）
在双引号里面写双引号在前后双引号前面加()
要在模板字符串里使用反引号（`），在模板字符串中的前面添加转义符（\）

多行字符串拼接
一般字符串换行要\n，模板字符串回车就可以

字符串中使用表达式

let number1 = 20;
let number2 = 10;
console.log(`两个数的和是：${number1 + number2} 
两个数的差是：${number1 - number2} 。`);

模板字符串中使用三元表达式

let str = `这里是${false ? '浙江' : '江苏'}`;
console.log(str); // 江苏

let str = `这里是${
  true ? `浙江--${true ? '杭州' : '丽水'}` : `江苏-${true ? '南京' : '常州'}`
}`;
console.log(str); // 这里是浙江--杭州

使用场景
1.class，跟据屏幕宽度来动态改样式
2.在js代码中组装HTML代码，然后显示在屏幕中

第一章 走入Javascript世界

1.1认识Javascript

1.2在HTML中使用0JavaScript

1.3JavaScript入门